@CHARSET "UTF-8";
@CHARSET "UTF-8";
/*新版资讯样式*/
/*资讯列表页*/
.aritcleFeedPageFrame .topCarouselArea {
    background-color: #f7f7f7;
}
.aritcleFeedPageFrame .articleTopCarousel{
    width: 100%;
    min-width: 1280px;
    height: 420px;
}
.aritcleFeedPageFrame .articleFeedInfo {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 50px;
    padding-right: 67px;
    /*padding-top: 11px;*/
}
.aritcleFeedPageFrame .LeftArticleSeedNavBar {
    float: left;
    width: 178px;
    text-align: center;
    margin-right: 19px;
}
.LeftArticleSeedNavBar .LeftArticleSeedNavBar-content {
    width: 100%;
}
.LeftArticleSeedNavBar .LeftArticleSeedNavBar-content.fixer {
    position: fixed;
    top: 0;
    width: 165px;
    padding-right: 10px;
    padding-top: 0px;
    -webkit-transition-property: padding-top;
    transition-property: padding-top;
    -webkit-transition-duration: 0.3s;
    transition-duration: 1.0s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease-in;
}
.LeftArticleSeedNavBar .LeftArticleSeedNavBar-content.fixer .articleFeedList {
    padding-top: 11px;
}
.aritcleFeedPageFrame .middleArticleSeedMainBar {
    float: left;
    width: 800px;
    margin: 0 auto;
    /*padding: 0 10px;*/
    padding: 0;
}
.aritcleFeedPageFrame .middleArticleSeedMainBar.fixer {
    margin-left: 165px;
}
.aritcleFeedPageFrame .rightArticleSeed-relateInfo {
    float: right;
    width: 323px;
    position: relative;
    padding-top: 20px;
}
.aritcleFeedPageFrame .LeftArticleSeedNavBar-bigTitle {
    background-color: rgb(59,104,184);
    color: white;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem {
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
    line-height: 68px;
    margin-bottom: 11px;
    background-color: #f5f7f9;
    position: relative;
    border-radius: 5px;
    text-align: left;
    font-size: 18px;
    color: rgb(68,68,68);
    font-family: SimHei;
    box-shadow:0px 1px 1px 0px rgba(0,0,0,0.15);
    transition: all .5s ease-in-out;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem:hover {
    box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.15);
    transition: all .5s ease-in-out;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavItem-seedIcon {
    max-width: 61px;
    max-height: 55px;
    line-height: 54px;
    display: inline-block;
    vertical-align: middle;
    padding: 1px 7px 7px 7px;
    position: relative;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavItem-seedIcon:after {
    position: absolute;
    width: 2px;
    height: 50px;
    border-left: 1px solid rgb(223,233,252);
    top: 0;
    right: -2px;
    content: '';
}
.aritcleFeedPageFrame .articleFeedList li img {
    width: 100%;
    height: 100%;
}
.aritcleFeedPageFrame .articleFeedList li>div{
    background-color: #f5f7f9;
    border-radius: 5px;
}
.aritcleFeedPageFrame .articleFeedList li.active>div{
    background-color:#3b68b8;
    color: white;
}
.aritcleFeedPageFrame .articleFeedList li>div a.seedNavItem-seedName-top {
    display: inline-block;
    width: 118px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    /*background-color: rgb(59,104,184);*/
    vertical-align: bottom;
    border-radius: 0 5px 5px 0;
}
.aritcleFeedPageFrame .articleFeedList li.active>div a.seedNavItem-seedName-top {
    background-color: rgb(59,104,184);
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem>a {
    display: block;
    width: 100%;
    height: 66px;
    transition: all .5s ease-in-out;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem>a .seedNavItem-seedName {
    display: inline-block;
    width: 117px;
    text-align: center;
    transition: all .5s ease-in-out;
    /*padding-left: 9px;*/
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem:hover>a .seedNavItem-seedName {
    /*text-shadow: 0px 1px 2px rgba(0,0,0,0.15);*/
    color: #3b68b8;
    transition: all .5s ease-in-out;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem .seedNavShadow{
    position: absolute;
    width: 100%;
    height: 68px;
    top: 0;
    left: 0;
    display: none;
    background-color: rgb(59,104,184);
    border-radius: 5px;
    font-size:18px;
    color:white;
    text-align:center;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem:first-child .seedNavShadow {
    border-radius: 5px 5px 0 0;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem.active .seedNavShadow{
    display: block;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem .toEditSeedArea{
    width: 60px;
    text-align: center;
    font-size: 14px;
    color: rgb(59,104,184);
    border-radius: 5px 0 0px 5px;
    /*border-top: 1px solid #ececec;*/
    display: inline-block;
    position: relative;
    vertical-align: top;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem .toEditSeedArea:after {
    position: absolute;
    width: 2px;
    height: 50px;
    border-right: 1px solid rgb(223,233,252);
    top: 11px;
    right: 0px;
    content: '';
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem.active .toEditSeedArea:after {
    display: none;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem.active .toEditSeedArea{
    background-color: #517cc7;
    color: white;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem .toEditSeedArea i.configIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/configIcon_blue.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 3px;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem.active .toEditSeedArea i.configIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/configIcon_white.png);
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem .toEditSeedArea i.loginIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/loginManIcon.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 12px;
    height: 16px;
    vertical-align: middle;
    margin-right: 3px;
}
.aritcleFeedPageFrame .articleFeedList li.seedNavItem.active .toEditSeedArea i.loginIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/frame/login_icon.png);
}
.aritcleFeedPageFrame .articleFeedList li.to-checkSeedAll{
    width: 100%;
    height: 46px;
    background-color: #f8fafd;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
    border-radius: 5px;
    line-height: 48px;
    font-size: 16px;
    color: #3b68b8;
    text-align: center;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAllBox{
    position: absolute;
    top: -168px;
    left: 175px;
    z-index: 99;
    padding-left: 31px;
    display: none;
    background-color: transparent;
}
.aritcleFeedPageFrame .articleFeedList li:hover .seedNavAllBox{
    display: block;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAllBox:hover{
    display: block;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAll{
    width: 709px;
    background-color: rgba(241, 241, 241, 0.93);
    border-radius: 5px;
    text-align: left;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAll .seedNavAll-title {
    color: rgb(68,68,68);
    padding: 0 20px;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAll .closeNavAll{
    float: right;
    color: white;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAll-content {
    padding: 0px 52px 30px 52px;
    overflow: hidden;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAll-content>a{
    width: 178px;
    height: 68px;
    line-height: 68px;
    float: left;
    display: block;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: #f5f7f9;
    margin-left: 20px;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
    transition: all .5s ease-in-out;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAll-content>a:hover{
    box-shadow: 0px 1px 5px 2px rgba(0,0,0,0.15);
    transition: all .5s ease-in-out;
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAll-content>a .seedNavItem-seedName {
    display: inline-block;
    width: 117px;
    text-align: center;
    transition: all .5s ease-in-out;
    /*padding-left: 9px;*/
}
.aritcleFeedPageFrame .articleFeedList li .seedNavAll-content>a:hover .seedNavItem-seedName{
    color: rgb(59,104,184);
    transition: all .5s ease-in-out;
}
.aritcleFeedPageFrame li.checkMoreSeed {
    font-size: 16px;
    font-family: SimHei;
    width: 145px;
    background-color: rgb(247,247,247);
    color: rgb(120,120,120);
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
}
.aritcleFeedPageFrame li.checkMoreSeed:hover{
    color: rgb(59,104,184);
}
.aritcleFeedPageFrame li.checkMoreSeed .moreSeedArea{
    /*display: none;*/
    opacity: 0;
    transition-property: opacity;
    transition-duration: .2s;
}
.aritcleFeedPageFrame li.checkMoreSeed:hover .moreSeedArea {
    opacity: 1;
    transition-property: opacity;
    transition-duration: .2s;
}
.aritcleFeedPageFrame li.checkMoreSeed:hover:after{
    display: block;
}
li.checkMoreSeed .moreSeedArea {
    position: absolute;
    bottom: 0;
    left: 145px;
    width: 362px;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.12);
    border-left: 2px solid rgb(59,104,184);
}
.moreSeedArea .moreSeedList>li>a {
    display: block;
    width: 180px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: rgb(120,120,120);
    border-radius: 4px;
    margin-bottom: 2px;
    -webkit-transition-property: color,background-color;
    transition-property: color,background-color;
    float: left;
}
.moreSeedArea .moreSeedList>li>a:hover{
    color: rgb(59,104,184);
}
.moreSeedArea .moreSeedList>li>a>span {
    display: inline-block;
}
.middleArticleSeedMainBar .middleArticleContent {
    width: 100%;
}
/*轮播样式*/
.articleSeed-carouselArea {
    position: relative;
    /*padding: 0 10px;*/
    /*margin-bottom: 3px;*/
    height: 420px;
}
.aritcleFeedPageFrame li.articleSeedItem-bigStyle .articleSeedItem-bigStyleContent {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 420px;
}
.articleSeedItem-bigStyleContent .back-img {
    width: auto;
    height: 420px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
/*.aritcleFeedPageFrame li.articleSeedItem-bigStyle .articleSeedItem-bigStyleContent>img {
    height: 100%;
}*/
.aritcleFeedPageFrame ul.carouselTopList .articleSeedItem-bigStyleFooter {
    width: 1190px;
    margin: 0 auto;
}
.aritcleFeedPageFrame .articleSeedItem-bigStyleFooter .articleSeedItem-bigStyleFooter-title {
    position: absolute;
    bottom: 30px;
    width: 579px;
    min-height: 76px;
    padding: 20px;
    font-size: 24px;
    color: white;
    background-color: rgba(0,0,0,0.60);
}
.aritcleFeedPageFrame .articleSeedItem-bigStyleFooter .articleSeedItem-bigStyleFooter-title>div {
    border-left: 3px solid #3B68B8;
    padding-left: 20px;
}
.articleSeed-carouselArea ul.carouselTopList {
    height: 420px;
    overflow: hidden;
    position: relative;
}
.articleSeed-carouselArea ul.carouselTopList>li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: block;
    /*padding-right: 17px;*/
    transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    -webkit-transition: opacity 1.5s ease-in-out;
}
.articleSeed-carouselArea ul.carouselTopList>li.active{
    opacity: 1;
    transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    -webkit-transition: opacity 1.5s ease-in-out;
    z-index: 5!important;
}
.carousel-control-area {
    /*position: absolute;
    bottom: 7px;
    right: 26px;
    z-index: 9;*/
    position: relative;
    width: 1148px;
    margin: 0 auto;
    z-index: 9;
}
.carousel-control-area ul.carousel-control-list {
    position: absolute;
    right: 0px;
    bottom: 8px;
}
ul.carousel-control-list>li {
    display: inline-block;
    /*width: 20px;
    height: 20px;
    line-height: 20px;*/
    padding: 2px 7px 1px 7px;
    text-align: center;
    background-color: rgba(0,0,0,0.60);
    font-size: 12px;
    color: #FFF;
    margin-right: 10px;
    vertical-align: middle;
    transform: scale(1);
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
ul.carousel-control-list>li.active {
   /* width: 24px;
    height: 24px;
    line-height: 24px;*/
    transform: scale(1.15);
    background-color: #3b68b8;
    transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
}
.articleSeed-carouselArea .to-prevItem, .articleSeed-carouselArea .to-nextItem {
    opacity: 0.3;
    position: absolute;
    width: 40px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    display: none;
    cursor: pointer;
    z-index: 9;
    background-color: transparent;
    border: none;
    outline: none;
}
.articleSeed-carouselArea .to-prevItem:hover, .articleSeed-carouselArea .to-nextItem:hover {
    opacity: 0.7;
}
.articleSeed-carouselArea:hover .to-prevItem, .articleSeed-carouselArea:hover .to-nextItem{
    display: block;
}
.articleSeed-carouselArea .to-prevItem {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/carousel-left.png');
    left: 10px;
    top: 40%;
}
.articleSeed-carouselArea .to-nextItem {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/carousel-right.png');
    right: 10px;
    top: 40%;
}
/*.middleArticleContent>div:first-child .feeds-list-ul>li:first-child>div {
    padding: 0 0 15px 0;
}*/
.articleSeed-feedListArea {
    width: 100%;
}
.aritcleFeedPageFrame ul.feeds-list-ul {
    width: 100%;
}
.articleSeed-feedListArea li.loadingTip {
    text-align: center;
    color: rgb(155,155,155);
    font-size: 16px;
    cursor: default;
    padding: 15px;
}
.aritcleFeedPageFrame ul.feeds-list-ul li.checkMoreInfo {
    padding: 15px 0;
}
.aritcleFeedPageFrame ul.feeds-list-ul li.checkMoreInfo>div.seeMore {
    width: 174px;
    height: 33px;
    margin: 0 auto;
    text-align: center;
    background-color: rgb(247,247,247);
    font-size: 15px;
    line-height: 34px;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.aritcleFeedPageFrame ul.feeds-list-ul li.checkMoreInfo>div.seeMore:hover{
    background-color: rgb(59,104,184);
    color: white;
    transition-property: background-color;
    transition: .2s ease-in-out;
}

/*2017.3.14 新普通资讯样式*/
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle{
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid #f0f0f0;
    cursor: default;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-title,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-title{
    width: 100%;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin-bottom: 18px;
    position: relative;
    padding-left: 12px;
    font-size: 20px;
    font-weight: bold;
    color:#4a4a4a;
    text-align: left;
    cursor: pointer;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-title{
    margin-bottom: 12px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-title:after,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-title:after{
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
    width: 3px;
    border-left: 3px solid rgb(59,104,184);
    height: 20px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle:hover .articleFeedItem-feedTitle,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle:hover .articleFeedItem-feedTitle{
    color: rgb(59,104,184);
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-seedTitle,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-seedTitle{
    width: 80px;
    height: 23px;
    text-align: right;
    color: rgb(188,188,188);
    font-size: 14px;
    font-weight: normal;
    display: inline-block;
    border-radius: 3px;
    vertical-align: top;
    float: right;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-icon{
    float: left;
    width:180px;
    height: 103px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-icon>img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle:hover .articleFeedItem-icon>img{
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-detailInfoRight{
    width: 589px;
    height: 109px;
    margin-left: 211px;
    position: relative;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-description,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-description{
    font-size: 14px;
    color:#646464;
    line-height: 1.6;
    max-height: 63px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size:14px;
    color: rgb(188,188,188);
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-footerRight{
    float: right;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .separateCircle,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .separateCircle {
    display: inline-block;
    margin: 3px 10px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle  .articleFeedItem-authorIcon,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-authorIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/authorManIcon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 17px;
    height: 16px;
    vertical-align: text-top;
    margin-right: 1px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle  .articleFeedItem-pageviewIcon,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle  .articleFeedItem-pageviewIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/feedPageView.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 3px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle  .articleFeedItem-replyIcon,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle  .articleFeedItem-replyIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/commentReplyIcon.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 3px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle  .articleFeedItem-timeIcon,.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle  .articleFeedItem-timeIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/timeIcon.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 2px;
}
/*2017.3.15 资讯双拼样式*/
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle{
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid #f0f0f0;
    cursor: pointer;
    overflow: hidden;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-doubleItem{
    display: inline-block;
    width: 391px;
    height: 226px;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-doubleItem:first-child {
    margin-right: 18px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-doubleItem>img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    border-radius: 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-doubleItem:hover>img{
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-remark{
    position: absolute;
    top: 10px;
    left: 8px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-remark>span{
    padding: 4px 9px;
    background-color: rgba(0,0,0,0.29);
    color: white;
    margin-right: 5px;
    border-radius: 3px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-replyArea {
    position: absolute;
    top: 7px;
    right: 7px;
    background-color: rgba(0,0,0,0.29);
    color: white;
    border-radius: 3px;
    padding: 2px 10px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle i.articleFeedItem-doubleStyle-replyIcon {
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/commentIcon_white.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0 -2px;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    opacity:0.9;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 113%);
    height: 55px;
    padding: 8px 10px;
    border-radius: 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-footer>div{
    width: 100%;
    margin: 0 auto;
    color: white;
    font-size: 16px;
    word-break: break-all;
    overflow: hidden;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.60);
}

/*2017.7.3 资讯三图样式*/
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle{
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid #f0f0f0;
    overflow: hidden;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-footer{
    width: 100%;
    font-size: 14px;
    color: rgb(188,188,188);
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-footerRight{
    float: right;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-three{
    width: 100%;
    margin: 12px 0px 10px 0px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-threeItem{
    margin-right: 14px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    border-radius:4px;
    width: 257px;
    height: 140px;
    cursor: pointer;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-threeItem:last-child{
    margin-right: 0px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-threeItem>img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    border-radius: 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-threeItem:hover>img{
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}


/*2017.3.14 大图新样式*/
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle{
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px solid #f0f0f0;
    cursor: default;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-icon{
    float: left;
    width: 307px;
    height:175px;
    position: relative;
    overflow: hidden;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-icon>img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    cursor: pointer;
    border-radius: 4px 0 0 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle:hover .articleFeedItem-icon>img{
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-remark{
    position: absolute;
    top: 10px;
    left: 10px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-remark>span{
    padding: 4px 9px;
    background-color: rgba(0,0,0,0.29);
    border-radius: 3px;
    font-size: 14px;
    color: white;
    margin-right: 5px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-detailInfoRight{
    width: 483px;
    height: 180px;
    margin-left: 317px;
    position: relative;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-detailInfoRight>div{
    padding: 13px 20px;
    height: 100%;
    background-color: #f5f7f9;
    border-radius: 0 4px 4px 0;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-detailInfoFeedTitle{
    font-size:20px;
    color:#444444;
    word-break: break-all;
    margin-bottom: 8px;
    display: block;
    cursor: pointer;
    font-weight: bold;
    line-height: 1.3;
    max-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle:hover .articleFeedItem-detailInfoFeedTitle{
    color: rgb(59,104,184);
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-description{
    font-size: 14px;
    color: #9b9b9b;
    line-height: 1.6;
    /*max-height: 65px;*/
    max-height: 49px;
    overflow: hidden;
    word-break: break-all;
    /* text-align: justify;*/
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-footer{
    position: absolute;
    bottom: 10px;
    width: 420px;
    font-size: 14px;
    color: rgb(188,188,188);
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-footer .articleFeedItem-footerRight{
    float: right;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .separateCircle {
    display: inline-block;
    margin: 3px 5px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-authorIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/authorManIcon.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 17px;
    height: 17px;
    vertical-align: text-top;
    margin-right: 1px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-pageviewIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/feedPageView.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 3px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-replyIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/commentReplyIcon.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 3px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-timeIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/timeIcon.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 1px;
}
.aritcleFeedPageFrame span.articleFeedItem-authorName {
    max-width: 132px;
    white-space: nowrap;
    overflow: hidden;
    height: 17px;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
}
/* 2017.7.4 default播放按钮*/
.defaultVideoPlay{
    position: absolute;
    margin: 30px 69px;
    bottom: 0px;
    left: 0px;
    border:2px solid #ffffff;
    width:43px;
    height:43px;
    border-radius:100%;

}
.defaultVideoPlay .defaultVideoTriangle{
    border: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 17px;
    top: 9px;
}
/*big播放按钮*/
.bigVideoPlay{
    position: absolute;
    margin: 58px 122px;
    bottom: 11px;
    left: 14px;
    border:2px solid #ffffff;
    width:48px;
    height:48px;
    border-radius:100%;

}
.bigVideoPlay .bigVideoTriangle{
    border: 10px solid transparent;
    border-left: 10px solid #FFFFFF;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 19px;
    top: 11px;
}

.defaultVideoPlay::after,.bigVideoPlay::after{
    position: absolute;
    top: 0px;
    left: 0px;
    content: '';
    background: white;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    border-radius: 100%;
}
/*大图视频*/
.aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-detailInfo {
    background-color: #f5f7f9;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-detailInfo .articleFeedItem-remark{
    top: 30px;
    left: 30px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-icon {
    float: left;
    width: 307px;
    height: 189px;
    position: relative;
    padding: 13px 0px 10px 13px;
    border-radius: 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle  .articleFeedItem-icon  .articleFeedItem-img{
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle  .articleFeedItem-icon  .articleFeedItem-img>img{
    width: 100%;
    height: 100%;
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    cursor: pointer;
    border-radius: 4px;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle  .articleFeedItem-icon:hover .articleFeedItem-img>img{
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-detailInfoRight{
    height: 189px;
}

/*资讯列表页右侧栏样式*/
.aritcleFeedPageFrame .right-relateInfo-Item,.articleDetailPage .right-relateInfo-Item {
    width: 100%;
    /*border-top: 2px solid rgb(59,104,184);*/
    margin-bottom: 15px;
    display: none;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-Item-content ,.articleDetailPage .right-relateInfo-Item .right-relateInfo-Item-content{
    width: 100%;
    background-color: rgb(247,247,247);
    padding: 10px 15px 0px 14px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-Item-title ,.articleDetailPage .right-relateInfo-Item .right-relateInfo-Item-title{
    position: relative;
    height: 40px;
    line-height: 40px;
    font-size:16px;
    color:#444444;
    font-weight:bold;
    margin-bottom: 5px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-Item-title:before, .articleDetailPage .right-relateInfo-Item .right-relateInfo-Item-title:before{
    position: absolute;
    top: 10px;
    left: -14px;
    content: '';
    width: 2px;
    border-left: 2px solid #3b68b8;
    height: 19px;
}
/*右侧精华*/
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceArticleList{
    border-bottom: 1px solid #dee8f1;
    width: 100%;
    list-style: none;
    font-size: 0;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem{
    margin-bottom: 10px;
    width: 142px;
    display: inline-block;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceArticleList .right-related-essenceItem:nth-child(odd){
    margin-right: 10px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceArticleList .right-related-essenceItem:nth-child(n+7){
    display: none;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceHead{
    border-radius:4px;
    width:142px;
    position: relative;
    height: 82px;
    margin-bottom: 4px;
    display: block;
    overflow:hidden;
    clear: both;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceHead:hover .essenceImg{
    transform: scale(1.05);
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceHead .essenceImg{
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    border-radius: 4px;
}

.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceHead .essenceTitle{
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20px 15px;
    width:100%;
    height: 100%;
    text-align: center;
    line-height:21px;
    text-shadow:0 2px 2px rgba(0,0,0,0.50);
    z-index: 1;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceHead .essenceTitle::before{
    content: "";
    position: absolute;
    background: #000000;
    z-index:-1;
    width: 142px;
    height: 82px;
    opacity: 0.55;
    top:0px;
    left: 0px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceHead .essenceTitle>div{
    width: 100%;
    height: 100%;
    font-size:13px;
    color:#ffffff;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceFooter{
    width: 142px;
    height: 16px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceFooter .seedIcon{
    width: 14px;
    height: 14px;
    line-height: 14px;
    display: inline-block;
    vertical-align: top;
    margin-right: 4px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-essenceItem .essenceFooter .essenceItem-seedTitle{
    display: inline-block;
    font-size:12px;
    color:#444444;
    line-height:14px;
    vertical-align: top;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-footer{
    font-size:16px;
    color:#3b67b8;
    height: 47px;
    line-height: 47px;
    text-align: center;
    cursor: pointer;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-footer #liveBtn>span,.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-footer #essenceBtn>span{
    display: inline-block;
    width: 15px;
    height: 15px;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/right_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-y: 2px;
    margin-left: 4px;
}
/*右侧直播*/
.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-Item-title .live-title{
    display: inline-block;
    text-align: left;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-Item-title .changeBatch{
    float: right;
    text-align: right;
    color:#3b67b8;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-relateInfo-Item-title .changeBatch img{
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveArticleList{
    border-bottom: 1px solid #dee8f1;
    width: 100%;
    list-style: none;
    font-size: 0;
    padding-bottom: 6px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem{
    margin-bottom: 10px;
    background-image:linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.80) 79%);
    border-radius:0 0 3px 3px;
    width:295px;
    height:140px;
    overflow: hidden;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem .liveItem{
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 3px;
}
/*.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem .liveItem:hover{
    transform: scale(1.05);
    border-radius: 3px;
    transition-property: background-image;
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
    width: 100%;
    height: 100%;
}*/
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem .liveItem .liveImg{
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: transform 0.3s ease-in-out;
    border-radius: 3px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem .liveItem:hover .liveImg{
    transform: scale(1.05);
    border-radius: 3px;
    transition: all 0.3s ease-in-out;
}


.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem .liveItem .liveFooter{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    bottom: 0px;
    /*margin: 59px 10px 3px 10px;*/
    z-index: 1;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem .liveItem .liveFooter::before{
    content: "";
    position: absolute;
    background: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.7) 75%);
    z-index:-1;
    width: 100%;
    height: 100%;
    border-radius:3px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem .liveItem .liveFooter .liveSeed{
    position: absolute;
    bottom: 7px ;
    left: 0px;
    padding: 0px 10px;
    width: 100%;
}
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-liveItem .liveItem .liveFooter .liveTitle{
    color:#ffffff;
    line-height:14px;
    text-shadow:0 2px 2px rgba(0,0,0,0.50);
    font-size:14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 60px;
    text-align: center;
    font-weight: bold;
    padding: 0px 35px;
}
.right-related-liveItem .liveItem .liveFooter .liveSeed>div{
    height: 18px;
    line-height: 18px;
    display: inline-block;
    font-size:12px;
    color:#c3c3c3;
    text-align:left;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 120px;
}
.right-related-liveItem .liveItem .liveFooter .liveSeed>div.liveSeedTitle{
    margin-right: 0px;
    float: right;
    line-height: 20px;
    max-width: 50px;
    margin-top: -1px;
}
.right-related-liveItem .liveItem .liveFooter .liveSeed>div.liveName div{
    display: inline-block;
}
.right-related-liveItem .liveItem .liveFooter .liveSeed>div.liveSee{
    float: right;
    line-height: 20px;
    margin-right: 15px;
    max-width: 90px;
}
.right-related-liveItem .liveItem .liveFooter .liveSeed>div.liveSee div{
    display: inline-block;
    vertical-align: top;
}
.right-related-liveItem .liveItem .liveFooter .liveSeed>div img.liveIcon{
    width: 18px;
    height: 18px;
    margin-right: 4px;
    display: inline-block;
    vertical-align: top;
}
.right-related-liveItem .liveItem .liveFooter .liveSeed>div img.seeIcon{
    width: 12px;
    height: 10px;
    margin-right: 4px;
    display: inline-block;
    margin-top: 5px;
}

/*右侧热门*/
.aritcleFeedPageFrame .right-relateInfo-Item .right-related-hotArticleList,.articleDetailPage .right-relateInfo-Item .right-related-hotArticleList{
    width: 100%;
    list-style: none;
    font-size: 0;
    overflow: hidden;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem,.articleDetailPage .right-relateInfo-Item .hotItem{
    margin-bottom: 14px;
    border-radius:4px;
    height:59px;
    width:100%;
    clear: both;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .left,.articleDetailPage .right-relateInfo-Item .hotItem .left{
    cursor: pointer;
    width: 108px;
    height: 100%;
    border-radius:4px;
    overflow: hidden;
    float: left;
    margin-right: 8px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .left>img,.articleDetailPage .right-relateInfo-Item .hotItem .left>img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem:hover img,.articleDetailPage .right-relateInfo-Item .hotItem:hover img{
    border-radius:4px;
    transform: scale(1.05);
    -webkit-transition: all 0.3s ease-in-out ;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out ;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .right,.articleDetailPage .right-relateInfo-Item .hotItem .right{
    float: left;
    width: 178px;
    height: 100%;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .right .title,.articleDetailPage .right-relateInfo-Item .hotItem .right .title{
    width: 100%;
    height: 40px;
    font-size:14px;
    color:#646464;
    line-height:20px;
    text-align:justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    margin-bottom: 5px;
    cursor: pointer;
    font-weight: bold;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem:hover .title,.articleDetailPage .right-relateInfo-Item .hotItem:hover .title{
    color: rgb(59,104,184);
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .right .footer,.articleDetailPage .right-relateInfo-Item .hotItem .right .footer{
    display: block;
    width: 100%;
    height: 16px;
    line-height: 16px;
    clear: both;
    font-size:12px;
    color:#bcbcbc;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .right .footer .see,.articleDetailPage .right-relateInfo-Item .hotItem .right .footer .see{
    margin-right: 10px;
    float: left;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .right .footer .reply,.articleDetailPage .right-relateInfo-Item .hotItem .right .footer .reply{
    float: left;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .right .footer .see .seeIcon,.articleDetailPage .right-relateInfo-Item .hotItem .right .footer .see .seeIcon{
    width: 12px;
    height:12px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/feedPageView.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
}
.aritcleFeedPageFrame .right-relateInfo-Item .hotItem .right .footer .reply .replyIcon,.articleDetailPage .right-relateInfo-Item .hotItem .right .footer .reply .replyIcon{
    width: 12px;
    height:12px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/commentReplyIcon.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
}


.aritcleFeedPageFrame .right-related-hotArticleList>ul>li {
    width: 100%;
    overflow: hidden;
    padding: 7px 0;
}
li.hotArticleItem+li.hotArticleItem {
    border-top: 1px solid rgb(231,231,231);
}
.aritcleFeedPageFrame .hotArticleItem .hotAritcleItem-cover {
    width: 95px;
    height: 54px;
    float: left;
}
.aritcleFeedPageFrame .hotArticleItem .hotAritcleItem-cover>img {
    width: 100%;
    height: 100%;
}
.aritcleFeedPageFrame .hotArticleItem-rightContent {
    padding-left: 105px;
    height: 57px;
    position: relative;
    width: 100%;
}
.aritcleFeedPageFrame .hotArticleItem-title {
    word-break: break-all;
    height: 40px;
    line-height: 1.3;
    color: rgb(74,74,74);
    overflow: hidden;
}
.aritcleFeedPageFrame .hotArticleItem-title:hover {
    color: rgb(59,104,184);
}
.hotArticleItem-Footer {
    color: rgb(120,120,120);
    font-size: 12px;
}
.aritcleFeedPageFrame .hotArticleItem-Footer-right {
    float: right;
}
.aritcleFeedPageFrame .hotArticleItem-Footer-right>img {
    width: 12px;
    height: 10px;
    margin-left: 15px;
    margin-right: 5px;
}
.aritcleFeedPageFrame .rightArticleSeed-relateInfo .rightAdArea>a {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}

.aritcleFeedPageFrame .rightArticleSeed-relateInfo .rightAdArea>a>img {
    width: 100%;
}
.aritcleFeedPageFrame .rightArticleSeed-relateInfo .rightHotSearch .rightHotSearchTitle {
    height: 25px;
    background-color: rgb(241,241,241);
    line-height: 25px;
    margin-bottom: 5px;
}
.rightHotSearch .rightHotSearchTitleText {
    width: 120px;
    background-color: rgb(59,104,184);
    color: white;
    padding-left: 20px;
    position: relative;
}
.rightHotSearch .rightHotSearchTitleText:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    border-top: 0px solid transparent;
    border-bottom: 25px solid rgb(241,241,241);
    border-right: 0px solid transparent;
    border-left: 18px solid transparent;
}
ul#rightHotSearchTipList>li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 5px 6px;
}
ul#rightHotSearchTipList>li>a {
    display: block;
    overflow: hidden;
    background-color: rgb(235,241,251);
    color: rgb(74,74,74);
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}
.article-order-seeds-modal .orderSeeds_recommandTxt {
    text-align: center;
    font-size: 12px;
    color: rgb(190,190,190);
    padding: 5px;
    margin-bottom: 15px;
}
ul.orderSeeds-selectedList {
    width: 100%;
    min-height: 30px;
    border-bottom: 1px dotted rgb(190,190,190);
    padding-bottom: 16px;
    margin-bottom: 12px;
}
ul.orderSeeds-selectedList>li {
    display: inline-block;
    width: 169px;
    height: 48px;
    padding: 6px;
    margin-right: 16px;
    margin-bottom: 16px;
    color: white;
    background-color: rgb(59,104,184);
    position: relative;
}
ul.orderSeeds-selectedList>li>div {
    width: 100%;
    line-height: 36px;
    height: 36px;
    text-align: center;
}
ul.orderSeeds-selectedList>li>.orderSeeds-setCancelIcon {
    width: 18px;
    height: 18px;
    top: 14px;
    right: 3px;
    position: absolute;
    border-radius: 50%;
}
ul.orderSeeds-setList {
    margin-top: 14px;
}
ul.orderSeeds-setList>li {
    display: inline-block;
    width: 169px;
    height: 48px;
    margin-right: 16px;
    margin-bottom: 16px;
    background-color: rgb(247,247,247);
    transition: background-color .2s ease-in-out;
}
ul.orderSeeds-setList>li:hover{
    background-color: rgb(59,104,184);
    color: white;
}
ul.orderSeeds-setList>li.active {
    background-color: rgb(59,104,184);
    color: white;
}
ul.orderSeeds-setList>li.set-order-seed-item.active {
    display: none;
}
ul.orderSeeds-setList>li>div {
    width: 100%;
    height: 48px;
    line-height: 48px;
    text-align: center;
}
li.set-order-seed-item .setSeedIcon {
    display: inline-block;
    width: 36px;
    vertical-align: top;
    margin-right: 5px;
}
li.set-order-seed-item .setSeedIcon>img {
    width: 100%;
    max-height: 36px;
}
li.set-order-seed-item .setSeedTitle {
    display: inline-block;
    vertical-align: top;
    height: 36px;
    line-height: 36px;
}
@media screen and (min-width: 1400px){
    .aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-normalStyle .articleFeedItem-icon {
        float: left;
        width: 191px;
        height: 109px;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }
    /*default播放按钮*/
    .defaultVideoPlay{
        position: absolute;
        margin: 33px 74px;
        bottom: 0px;
        left: 0px;
        border:2px solid #ffffff;
        width:43px;
        height:43px;
        border-radius:100%;

    }
    .defaultVideoPlay .defaultVideoTriangle{
        border: 10px solid transparent;
        border-left: 10px solid #FFFFFF;
        width: 0px;
        height: 0px;
        position: absolute;
        left: 17px;
        top: 9px;
    }
    /*big播放按钮*/
    .bigVideoPlay{
        position: absolute;
        margin: 57px 121px;
        bottom: 22px;
        left: 22px;
        border:2px solid #ffffff;
        width:48px;
        height:48px;
        border-radius:100%;

    }
    .bigVideoPlay .bigVideoTriangle{
        border: 10px solid transparent;
        border-left: 10px solid #FFFFFF;
        width: 0px;
        height: 0px;
        position: absolute;
        left: 19px;
        top: 11px;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-icon {
        float: left;
        width: 317px;
        height: 180px;
        position: relative;
        overflow: hidden;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-detailInfoRight>div {
        padding: 13px 30px;
        height: 100%;
        background-color: #f5f7f9;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-description{
        min-height: 65px;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-bigStyle .articleFeedItem-seedTitle{
        font-size:14px;
        color:#9b9b9b;
        letter-spacing:0;
        padding-bottom: 8px;
    }

    /*大图视频样式*/
    .aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-detailInfo {
        background-color: #f5f7f9;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-icon {
        float: left;
        width: 316px;
        height: 210px;
        position: relative;
        padding: 22px 0px 22px 22px;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-icon .articleFeedItem-img{
        overflow: hidden;
        width: 100%;
        height: 100%;
        border-radius: 4px;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-detailInfoRight{
        width: 414px;
        height: 210px;
        margin-left: 316px;
        position: relative;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-detailInfoRight>div{
        padding: 22px 34px 21px 31px;
        height: 100%;
        background-color: #f5f7f9;
    }
    .aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-doubleStyle .articleFeedItem-footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        opacity: 0.9;
        background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, #000000 113%);
        height: 60px;
        padding: 13px 10px;
    }
    /*.aritcleFeedPageFrame ul.feeds-list-ul>li.articleFeedItem-threeStyle .articleFeedItem-threeItem {
        display: inline-block;
        width: 233px;
        height: 127px;
        position: relative;
        overflow: hidden;
    }*/
    .aritcleFeedPageFrame ul.feeds-list-ul>li.videoBigStyle .articleFeedItem-footer {
        bottom:21px ;
    }
}
@media screen and (min-width: 1920px){
    .aritcleFeedPageFrame .articleTopCarousel{
        width: 1903px;
        margin: 0 auto;
    }
}

/*资讯详情页*/
.articleDetailPage {
    background-color: rgb(247,247,247);
}
.articleFeedDetailPageFrame {
    width: 1280px;
    margin: 0 auto;
    padding-bottom: 30px;
    padding: 0 50px;
    overflow: hidden;
    background-color: white;
}
.articleFeedDetailPageFrame .articleFeedDetailPageContent {
    width: 799px;
    float: left;
    margin-right: 42px;
    padding-bottom: 30px;
}
.articleFeedDetailPageFrame .articleFeedAdv-Box {
    float: right;
    width: 323px;
    /*height: 600px;*/
    /*background-color: rgb(247,247,247);*/
    position: relative;
}
.articleFeedDetailPageFrame .articleFeedAdv-Box>div>a {
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}
.articleFeedDetailPageFrame .articleFeedAdv-Box>div>a>img {
    width: 100%;
}
.articleFeedDetailPageFrame .articleFeedAdv-Box .adv_icon{
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}
.articleFeedDetailPageFrame .articleFeedAdv-Box .adv_icon>img{
    width: 100%;
}
.articleFeedDetailPageFrame .articleCoverArea {
    width: 100%;
    height: 440px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}
.articleFeedDetailPageFrame .seedTitle {
    position: absolute;
    right: 20px;
    top: 10px;
    background-color: rgba(0,0,0,0.4);
    display: inline-block;
    color: white;
    height: 30px;
    line-height: 30px;
    min-width: 183px;
    border-radius: 3px;
    border: 1px solid rgba(0,0,0,0.4);
    margin-right: 10px;
    padding-left: 8px;
    cursor: pointer;
}
.articleFeedDetailPageFrame .seedTitle .focusSeed img {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 5px;
}
.articleFeedDetailPageFrame .seedTitle .focusSeed>span {
    margin-right: 5px;
}
.articleFeedDetailPageFrame .seedTitle .focusSeed>span.separateLine {
    display: inline-block;
    border-right: 1px solid white;
    height: 17px;
    vertical-align: text-bottom;
}
.articleFeedDetailPageFrame .articleCoverArea>img {
    width: 100%;
    height: 100%;
}
.articleFeedDetailPageFrame .articleAuthorInfoArea {
    overflow: hidden;
    font-size: 16px;
    color: #8f8f8f;
    margin-top: 19px;
    margin-bottom: 40px;
}
.articleFeedDetailPageFrame .articleAuthorInfoArea .rightPart{
    float: right;
}
.articleFeedDetailPageFrame .articleAuthorInfoArea .rightPart>span{
    margin-left: 19px;
}
.articleAuthorInfoArea>span {
    /*margin-right: 15px;*/
    display: block;
}
.articleAuthorInfoArea>span.translator-name {
    margin-top: 5px;
}
.articleFeedDetailPageFrame .articleTitleArea {
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size: 36px;
    color: white;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 11%, #000000 100%);
    padding: 10px 31px;
    text-shadow: 0px 2px 2px rgba(0,0,0,0.60);
}
.articleFeedDetailPageFrame .articleTitleArea .rightPart{
    font-size: 14px;
    float: right;
    height: 20px;
    line-height: 20px;
}
.articleFeedDetailPageFrame .articleTitleArea .rightPart>span{
    margin-left: 15px;
}
.articleFeedDetailPageFrame .articleFeedDetailPageMainArea {
    padding: 0 34px;
}
.articleFeedDetailPageFrame .author-headImg {
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 5px;
}
.articleFeedDetailPageFrame .author-headImg>img {
    width: 100%;
    height: 100%;
}
.articleFeedDetailPageFrame .author-detailInfo {
    float: left;
    color: rgb(155,155,155);
}
.articleFeedDetailPageFrame .article-publishTime {
    float: right;
    color: rgb(155,155,155);
}
.articleFeedDetailPageFrame .line-separate {
    border-top: 1px solid rgb(202, 216, 227);
    margin: 0 220px;
}
.articleFeedDetailPageFrame .articleDescriptionArea {
    clear: both;
    margin-bottom: 40px;
}
.articleFeedDetailPageFrame div#articleDescriptionContent {
    text-align: left;
    font-size: 16px;
    color: #a4a4a4;
    padding-left: 5px;
    border-left: 5px solid #a4a4a4;
}
.articleFeedDetailPageFrame .articleTextContentArea.article-content {
    clear: both;
    /*margin-top: 35px;*/
}
.articleFeedDetailPageFrame .articleFeedContent-Box {
    min-height: 500px;
}
.articleFeedDetailPageFrame .articleFeedShare-Box {
    margin: 15px 0 40px 0;
}
.articleFeedShare-seedOrder {
    display: inline-block;
    background-color: #517CC9;
    color: white;
    height: 30px;
    line-height: 30px;
    min-width: 183px;
    border-radius: 3px;
    border: 1px solid #517CC9;
    margin-right: 10px;
    padding-left: 8px;
    cursor: pointer;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleFeedShare-seedOrder.hasOrder {
    background-color: rgb(247,247,247);
    color: rgb(74,74,74);
    border: 1px solid rgb(247,247,247);
}
.articleFeedShare-seedOrder:hover {
    background-color: #3B68B8;
    border: 1px solid #3B68B8;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleFeedShare-seedOrder.hasOrder:hover {
    background-color: rgb(247,247,247);
    border: 1px solid rgb(247,247,247);
}
.articleFeedShare-seedOrder .focusSeed img {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
    margin-right: 5px;
}
.articleFeedShare-seedOrder .focusSeed>span {
    margin-right: 5px;
}
.articleFeedShare-seedOrder .focusSeed>span.separateLine {
    display: inline-block;
    border-right: 1px solid white;
    height: 17px;
    vertical-align: text-bottom;
}
.articleFeedShare-seedOrder.hasOrder .focusSeed>span.separateLine {
    border-right: 1px solid rgb(74,74,74);
}
.articleFeedDetailPageFrame .articleFeedShare-Box .collectionFeed {
    display: inline-block;
    text-align: center;
    background-color: #F5A623;
    border: 1px solid #F5A623;
    color: white;
    width: 100px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
    outline: none;
    border-radius: 3px;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame .articleFeedShare-Box .collectionFeed:hover {
    background-color: #ED9606;
    border: 1px solid #ED9606;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame .articleFeedShare-Box .collectionFeed.hasCollected {
    background-color: rgb(247,247,247);
    border: 1px solid rgb(247,247,247);
    color: rgb(74,74,74);
}
.articleFeedDetailPageFrame .articleFeedShare-Box .collectionFeed.hasCollected:hover{
    background-color: rgb(247,247,247);
    color: rgb(74,74,74);
}
.articleFeedDetailPageFrame .articleFeedShare-Box .collectionFeed i {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/collect_logo_white.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5px;
}
.articleFeedDetailPageFrame .articleFeedShare-Box .collectionFeed i.hasCollect{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/collect_logo_orange.png');
}
.articleFeedDetailPageFrame .articleFeedShare-Box .collectionFeed:hover i.hasCollect{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/collect_logo_orange.png');
}
.articleFeedDetailPageFrame .articleFeedColumnHead {
    /*font-family: SimHei;*/
    margin-bottom: 17px;
    font-size: 14px;
    color: #3b68b8;
}
.articleFeedColumnHead span.rightSpan {
    float: right;
    font-size: 14px;
    color: rgb(74,74,74);
    cursor: pointer;
}


/*精华列表页*/
.articleEssencePage,.articleLivePage{
    width: 1280px;
    margin: 0 auto;
    padding: 20px 54px 20px 43px;
    overflow: hidden;
    background-color: white;
}
.articleEssencePage .articleEssenceContent,.articleLivePage .articleLiveContent{
    background: #ffffff;
    width:797px;
    margin-right: 63px;
    float: left;
    /*border-top: 2px solid #3b68b8;*/
}
.articleEssenceContent .articleEssenceHead .articleEssenceSeedList,.articleLiveContent .articleLiveHead .articleLiveSeedList{
    list-style: none;
    width: 100%;
    clear: both;
    overflow: hidden;
    margin:10px 0px 10px 0px ;
}
.articleEssenceHead .articleEssenceSeedList .articleEssenceSeedItem a,.articleLiveHead .articleLiveSeedList .articleLiveSeedItem a{
    min-width: 118px;
    max-width: 118px;
    height:34px;
    line-height: 34px;
    cursor: pointer;
    font-size:16px;
    float: left;
    background:#ffffff;
    border:1px solid #e8e8e8;
    border-radius:4px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 10px;
    color: #9a9a9a;
    display: block;
}
.articleEssenceHead .articleEssenceSeedList .articleEssenceSeedItem:hover a,.articleLiveHead .articleLiveSeedList .articleLiveSeedItem:hover a{
    color: #3b68b8;
    border:1px solid #3b68b8;
    border-radius:4px;
}
.articleEssenceHead .articleEssenceSeedList .active a,.articleEssenceHead .articleEssenceSeedList .active:hover a{
    background:#3b68b8;
    color: #FFFFFF;
    border: none;
}
.articleLiveHead .articleLiveSeedList .active a,.articleLiveHead .articleLiveSeedList .active:hover a{
    background:#3b68b8;
    color: #FFFFFF;
    border: none;
}
.articleEssenceHead .articleEssenceSearch,.articleLiveHead .articleLiveSearch{
    width: 100%;
    clear: both;
    height: 40px;
    margin-bottom: 20px;
}
.articleEssenceHead .articleEssenceSearch .title,.articleLiveHead .articleLiveSearch .title{
    border:1px solid #3b68b8;
    padding-left: 10px;
    height:40px;
    width:627px;
    float: left;
    font-size: 14px;
    border-radius:4px 0px 0px 4px;
}
.articleEssenceHead .articleEssenceSearch .searchBtn,.articleLiveHead .articleLiveSearch .searchBtn{
    background:#3b68b8;
    border-radius:0 4px 4px 0;
    width:170px;
    height:40px;
    line-height: 40px;
    font-size:16px;
    color:#ffffff;
    float: left;
    text-align: center;
}
/*前三张*/
.articleEssenceList {
    width: 100%;
    display: none;
}
.articleEssenceList .articleEssenceFirstThree ,.articleEssenceList .articleEssenceNormalList{
    display: none;
}
.articleEssenceFirstThree .essenceItem{
    width: 100%;
    height:226px;
    border-radius:4px;
    position:relative;
    margin-bottom: 20px;
    z-index: 1;
    overflow: hidden;
}
.articleEssenceFirstThree .essenceItem>img{
    width: 100%;
    height: 100%;
    border-radius:4px;
    transform: scale(1);
    transition: 0.3s ease-in-out;
}
.articleEssenceFirstThree .essenceItem:hover>img{
    transform: scale(1.05);
    transition: 0.3s ease-in-out;
}
.articleEssenceFirstThree .essenceItem>a{
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.articleEssenceFirstThree .essenceItem>a::before{
    content: "";
    position: absolute;
    background: #000000;
    z-index:-1;
    width: 100%;
    height: 100%;
    opacity: 0.6;
}
.articleEssenceFirstThree .essenceItem .header{
    width: 100%;
    clear: both;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 24px 18px 0px 23px;
    clear: both;
}
.articleEssenceFirstThree .essenceItem .header .title{
    width: 510px;
    height: 32px;
    line-height: 32px;
    font-size:20px;
    color: #ffffff;
    float: left;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.articleEssenceFirstThree .essenceItem .header .seedTitle{
    min-width: 50px;
    float: right;
    font-size: 12px;
    height:12px;
    line-height: 12px;
    color: #ffffff;
    margin-top: 6px;
}
.articleEssenceFirstThree .essenceItem .middle{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 66px;
}
.articleEssenceFirstThree .essenceItem .middle>div{
    width: 386px;
    height: 67px;
    font-size:14px;
    color:#e0e0e0;
    line-height:1.5;
    margin-left: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.articleEssenceFirstThree .essenceItem .footer{
    width: 100%;
    height:16px;
    line-height:16px;
    font-size:14px;
    color:#d8d8d8;
    clear: both;
    position: absolute;
    left: 0px;
    bottom: 0px;
    margin-bottom: 19px;
}
.articleEssenceFirstThree .essenceItem .footer .see,.articleEssenceFirstThree .essenceItem .footer .reply{
    float: left;
}
.articleEssenceFirstThree .essenceItem .updateTime{
    float: right;
    margin-right: 18px;
}
.articleEssenceFirstThree .essenceItem .footer .see{
    margin-left: 23px;
    margin-right: 16px;
}
.articleEssenceFirstThree .essenceItem .footer .see .seeIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/see.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleEssenceFirstThree .essenceItem .footer .reply .replyIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/commentIcon_white.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleEssenceFirstThree .essenceItem .footer .updateTime span{

}
/*第二张*/
.articleEssenceFirstThree .secondItem .header{
    padding: 24px 18px 0px 298px;
}
.articleEssenceFirstThree .secondItem .header .title{
    width: 481px;
}
.articleEssenceFirstThree .secondItem .middle>div{
    width: 481px;
    margin-left: 298px;
}
.articleEssenceFirstThree .secondItem .footer .seed{
    float: left;
    margin-left: 298px;
}
/*普通精华*/
.articleEssenceNormalList .essenceItem{
    width: 100%;
    height:244px;
    border-radius:4px;
    margin-bottom: 20px;
    background: #f7f7f7;
    padding: 16px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.articleEssenceNormalList .essenceItem:hover .header .title{
    color: #3b68b8;
}
.articleEssenceNormalList .essenceItem:hover .middle .left .Icon{
    border-radius:4px;
    transform: scale(1.05);
    -webkit-transition: all 0.3s ease-in-out ;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out ;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.articleEssenceNormalList .essenceItem .header{
    width: 100%;
    clear: both;
    height: 20px;
    margin-bottom: 12px;
}
.articleEssenceNormalList .essenceItem .header .title{
    width: 510px;
    height: 20px;
    line-height:20px;
    font-size:20px;
    color:#444444;
    float: left;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.articleEssenceNormalList .essenceItem .header .seedTitle{
    min-width: 50px;
    float: right;
    font-size: 12px;
    height:12px;
    line-height: 12px;
    color:#444444;
}
.articleEssenceNormalList .essenceItem .middle{
    width: 100%;
    clear: both;
}
.articleEssenceNormalList .essenceItem .middle .left{
    background:#d8d8d8;
    border-radius:4px;
    width:328px;
    height:180px;
    position: relative;
    float: left;
    cursor: pointer;
    margin-right: 16px;
    overflow: hidden;
}
.articleEssenceNormalList .essenceItem .middle .left .Icon{
    width: 100%;
    height: 100%;
    border-radius:4px;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.articleEssenceNormalList .essenceItem .middle .left .footer{
    position: absolute;
    left: 0px;
    bottom: 0px;
    border-radius:0 0 4px 4px;
    z-index: 1;
    clear: both;
    width: 100%;
    height: 22px;
    line-height: 22px;
    color: #FFFFFF;
}
.articleEssenceNormalList .essenceItem .middle .left .footer::before{
    content: "";
    position: absolute;
    z-index:-1;
    width: 100%;
    height: 100%;
    opacity:0.3;
    background:#000000;
}
.articleEssenceNormalList .essenceItem .middle .left .footer .see,.articleEssenceNormalList .essenceItem .middle .left .footer .reply{
    float: left;
}
.articleEssenceNormalList .essenceItem .middle .left .footer .updateTime{
    float: right;
    margin-right: 13px;
}
.articleEssenceNormalList .essenceItem .middle .left .footer .reply{
    margin-right: 16px;
}
.articleEssenceNormalList .essenceItem .middle .left .footer .see{
    margin-left: 16px;
    margin-right: 16px;
}
.articleEssenceNormalList .essenceItem .middle .left .footer .see .seeIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/see.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleEssenceNormalList .essenceItem .middle .left .footer .reply .replyIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/commentIcon_white.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleEssenceNormalList .essenceItem .middle .right{
    width: 421px;
    float: left;
}
.articleEssenceNormalList .essenceItem .middle .right .content{
    width: 100%;
    height: 69px;
    line-height: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 20px;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList{
    width: 100%;
    border-top: 1px dashed #dee6ec;
    padding-top: 12px;
    clear: both;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem{
    float: left;
    margin-bottom: 5px;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem:nth-child(odd){
    margin-right: 36px;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem a{
    display: inline-block;
    cursor: pointer;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem a:hover span{
    color: #3b68b8;;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem span{
    display: inline-block;
    line-height:22px;
    height: 22px;
    vertical-align: middle;
    font-weight: bolder;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem .feedTitle{
    padding-left: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 192px;
    position: relative;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem .feedTitle::after{
    content: '';
    position: absolute;
    left: 0;
    top:4px;
    width:4px;
    height:14px;
    background-color:#3b68b8;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem .seeAll{
    color:#3b68b8;
    padding-left: 10px;
}
.articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem .seeAll::after{
    content: '';
    position: absolute;
    left: 0;
    top:4px;
    width:4px;
    height:14px;
    background-color:#3b68b8;
}
.articleEssenceNormalList .checkMoreInfo{
    padding: 16px;
    padding-top: 0px;
    width: 100%;
}
.articleEssenceNormalList .checkMoreInfo .seeMore {
    width: 174px;
    height: 33px;
    margin: 0 auto;
    text-align: center;
    background-color: rgb(247,247,247);
    font-size: 15px;
    line-height: 34px;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleEssenceNormalList .checkMoreInfo .seeMore:hover{
    background-color: rgb(59,104,184);
    color: white;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleEssenceNormalList .loadingTip,.articleEssenceDetailPage .articleEssenceFeedsList .loadingTip{
    width: 174px;
    height: 33px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    line-height: 34px;
    margin-bottom: 15px;
    color: #8f8f8f;
    cursor: default;
}
.articleEssencePage  .articleEssenceAdv-Box,.articleLivePage  .articleLiveAdv-Box{
    width: 323px;
    float: right;
    position: relative;
}
.articleEssencePage .articleEssenceAdv-Box>div>a ,.articleLivePage .articleLiveAdv-Box>div>a{
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}
.articleEssencePage .articleEssenceAdv-Box>div>a>img ,.articleLivePage .articleLiveAdv-Box>div>a>img{
    width: 100%;
}
.articleEssencePage .articleEssenceAdv-Box .adv_icon,.articleLivePage .articleLiveAdv-Box .adv_icon{
    display: block;
    overflow: hidden;
    width: 100%;
    margin-bottom: 5px;
}
.articleEssencePage .articleEssenceAdv-Box .adv_icon>img,.articleLivePage .articleLiveAdv-Box .adv_icon>img{
    width: 100%;
}

/*直播列表*/
.articleLivePage .articleLiveList>li{
    float: left;
    width: 254px;
    margin-right: 17px;
    margin-bottom: 20px;
    border-radius: 4px;
}
.articleLivePage .articleLiveList>li:nth-child(3n){
    margin-right: 0px;
}
.articleLivePage .articleLiveList>li .liveCover{
    width: 100%;
    height: 143px;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px 4px 0px 0px;
}
.articleLivePage .articleLiveList>li .liveCover .liveFrame{
    width:100%;
    height: 100%;
}
.articleLivePage .articleLiveList>li .liveCover:hover .liveIcon{
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}
.articleLivePage .articleLiveList>li .liveCover .liveIcon{
    width: 100%;
    height: 100%;
    border-radius: 4px 4px 0px 0px;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.articleLivePage .articleLiveList>li .liveCover .header{
    position: absolute;
    right: 7px;
    top: 5px;
    height: 18px;
    z-index: 1;
    line-height: 18px;
    clear: both;
    border-radius: 3px;
    padding-right: 10px;
    color: #f1f1f1;
    font-size: 12px;
}
.articleLivePage .articleLiveList>li .liveCover .header::before{
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    border-radius: 3px;
    background:#000000;
}
.articleLivePage .articleLiveList>li .liveCover .header .see{
    margin-right: 16px;
    float: right;
    margin-left: 10px;
}
.articleLivePage .articleLiveList>li .liveCover .header .see .seeIcon{
    width: 14px;
    height:14px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/see.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleLivePage .articleLiveList>li .liveCover .header .liveSeedTitle{
    float: right;
}
.articleLivePage .articleLiveList>li .content{
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 0px 0px 4px 4px ;
    padding: 10px;
    padding-left: 6px;
}
.articleLivePage .articleLiveList>li .content .feedTitle {
    width: 100%;
    display: block;
    position: relative;
}
.articleLivePage .articleLiveList>li .content .feedTitle .title{
    width: 100%;
    font-size:14px;
    color:#444444;
    line-height:14px;
    text-align:left;
    display: inline-block;
    padding-left: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
.articleLivePage .articleLiveList>li .content .feedTitle::after{
    content: '';
    position: absolute;
    left: 4px;
    top:2px;
    width:4px;
    height:13px;
    border-left: 4px solid #3b68b8;
}
.articleLivePage .articleLiveList>li .content .footer{
    display: block;
    clear: both;
    height: 11px;
    line-height: 11px;
    margin-top: 8px;
    color:#bcbcbc;
    font-size: 11px;
}
.articleLivePage .articleLiveList>li .content .footer  .author{
    float: left;
}
.articleLivePage .articleLiveList>li .content .footer  .author .authorIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/authorManIcon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 -1px;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 3px;
}
.articleLivePage .articleLiveList>li .content .footer  .seed{
    float: right;
}
.articleLivePage .articleLiveList>li .content .footer  .seed .seedIcon{
    width: 14px;
    height:14px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position: 0 -1px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleLivePage .articleLiveList .checkMoreInfo,.articleLivePage .articleLiveList .loadingTip{
    padding: 16px;
    width: 100%;
}
.articleLivePage .articleLiveList .loadingTip{
    padding-top: 0px;
    text-align: center;
    color: #8f8f8f;
    font-size: 16px;
    cursor: default;
}
.articleLivePage .articleLiveList .checkMoreInfo .seeMore {
    width: 174px;
    height: 33px;
    margin: 0 auto;
    text-align: center;
    background-color: rgb(247,247,247);
    font-size: 15px;
    line-height: 34px;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleLivePage .articleLiveList .checkMoreInfo .seeMore:hover{
    background-color: rgb(59,104,184);
    color: white;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
@media screen and (min-width: 1920px){
    .articleEssencePage ,.articleLivePage{
        width: 1920px;
        margin: 0 auto;
        padding: 20px 308px 0px 279px;
    }
    .articleEssencePage .articleEssenceContent,.articleLivePage .articleLiveContent{
        width: 896px;
        margin-left: 82px;
        margin-right: 0;
    }
    .articleEssenceHead .articleEssenceSearch .title,.articleLiveHead .articleLiveSearch .title{
        width: 726px;
    }
    .articleEssenceNormalList .essenceItem{
        height:259px;
    }
    .articleEssenceNormalList .essenceItem .middle .left{
        width:355px;
        height:195px;
    }
    .articleEssenceNormalList .essenceItem .middle .right{
        width: 493px;
    }
    /*.articleEssenceNormalList .essenceItem .middle .right .content{
        height: 78px;
    }*/
    .articleEssenceNormalList .essenceItem .middle .right  .feedList{
        padding-top: 2px;
    }
    .articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem{
        float: left;
        margin-top: 8px;
    }
    .articleEssenceNormalList .essenceItem .middle .right  .feedList .feedItem .feedTitle{
        width: 228px;
    }
    .articleEssenceNormalList .essenceItem .middle .right .content{
        margin-bottom: 16px;
    }
    .articleLivePage .articleLiveList>li{
        width: 285px;
        margin-right: 20px;
    }
    .articleLivePage .articleLiveList>li .liveCover{
        height: 160px;
    }
}

/*直播详情*/
.articleLiveDetailPage .articleLiveBanner{
    margin: 25px auto;
    width: 900px;
}
.articleLiveDetailPage .articleLiveBanner .header{
    width: 100%;
    clear: both;
    height: 22px;
    margin-bottom: 14px;
}
.articleLiveDetailPage .articleLiveBanner .header  .title{
    float: left;
    font-size:22px;
    color:#444444;
    line-height:22px;
    text-align:left;
}
.articleLiveDetailPage .articleLiveBanner .header  .author{
    float: right;
    font-size:14px;
    color:#444444;
    line-height:14px;
    text-align:right;
    margin-top: 8px;
}
.articleLiveDetailPage  .articleLiveBanner .middle{
    width: 100%;
    height: 558px;
    position: relative;
    /*background-color:lightblue;*/
}
#flash_play{
    width: 100%;
    height: 100%;
}
#flash_play .middle{
    width: 100%;
    height: 100%;
}
#flash_install{
    position: absolute;
    text-align: center;
    font-size: 12px;
    background: #000000;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
    display: none;
}
#flash_install .flash_content{
    font-size: 14px;
    position: absolute;
    text-align: center;
    top:50%;
    left: 50%;
    width: 450px;
    height: 14px;
    line-height: 14px;
    margin-left: -225px;
    margin-top: -7px;
}
#flash_install .flash_content a{
    color: #FFFFFF;
}
.orange{
    color: #ff9800;
}


/*精华详情样式*/
.articleEssenceDetailPage{
    margin: 0 auto;
    overflow: hidden;
    background: white;
    width: 100%;
}
.articleEssenceDetailPage .background{
    background-color: #000000;
}
.articleEssenceDetailPage .articleEssenceBanner{
    height:384px;
    position:relative;
    z-index: 1;
    width: 100%;
    background-size: 1280px 384px;
    background-repeat: no-repeat;
    background-position: center center;
}
.articleEssenceDetailPage .articleEssenceBanner::before{
    content: "";
    position: absolute;
    width: 100%;
    z-index:-1;
    height: 100%;
    background-size: 100% 100%;
    background-image: linear-gradient(90deg, rgba(0,0,0,1) 13%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,1) 85%);
}
.articleEssenceDetailPage .articleEssenceBanner>div{
    width: 100%;
    display: block;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendTitle{
    padding-top: 120px;
    margin-bottom: 31px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendTitle .title{
    text-align: center;
    min-width: 250px;
    height: 36px;
    line-height: 36px;
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendDescription{
    margin-bottom: 10px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendDescription .description{
    width: 613px;
    font-size:16px;
    color:#ffffff;
    line-height:1.4;
    max-height: 60px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    margin: 0 auto;
}

.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply>div.content{
    margin: 0 auto;
    clear: both;
    width: 613px;
    height: 36px;
    line-height: 18px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content>div{
    display: inline-block;
    margin-right: 16px;
    font-size:14px;
    color:#ffffff;
    letter-spacing:0;
    line-height:25px;
    height: 25px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .see .seeIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/see.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .reply .replyIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/commentIcon_white.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}

.articleEssenceDetailPage .articleEssenceBanner .recommendShare{
    bottom: 69px;
    top:inherit;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare>div.content{
    margin: 0 auto;
    clear: both;
    width: 613px;
    height: 36px;
    line-height: 18px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content .collectRecommend,.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content  .hasCollected{
    width: 118px;
    height: 34px;
    display: none;
    vertical-align: bottom;
    position: relative;
    z-index: 1;
    border:1px solid #f5a623;
    color: #FFFFFF;
    border-radius:4px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content .collectRecommend::before,.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content  .hasCollected::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background:rgba(245,166,35,0.72);
    z-index: -1;
    border-radius:4px;
    transition-property: background;
    transition: .2s ease-in-out;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content .collectRecommend:hover,.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content .hasCollected:hover{
    background: rgba(237, 150, 6,.9);
    border: 1px solid #ed9606;
    transition-property: background;
    transition: .2s ease-in-out;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content .collectRecommend>i{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/collect_logo_white.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 5px 0px 23px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content .collectRecommend>span,.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content  .hasCollected>span{
    vertical-align: middle;
    display: inline-block;
    margin-top: 7px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content  .hasCollected{
    border: 1px solid rgb(206, 195, 195);
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content  .hasCollected::before{
    background:rgba(247,247,247,0.72);
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content  .hasCollected:hover{
    background:rgba(155,155,155,0.72);
    border: 1px solid rgb(247,247,247);
}
.articleEssenceDetailPage .articleEssenceBanner .recommendShare .content .hasCollected>i{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/collect_logo_orange.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 13px;
    display: inline-block;
    vertical-align: middle;
    margin: 8px 5px 0px 15px;
}

.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea{
    height: 25px;
    line-height: 25px;
    color: #FFFFFF;
    text-align: right;
    display: inline-block;
    vertical-align: bottom;
    float: right;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>span,.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i{
    height: 100%;
    display: inline-block;
    vertical-align: bottom;
    margin-right: 8px;
    cursor: pointer;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i{
    width: 25px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i:last-child{
    margin-right: 0px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i,.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i:hover{
    transition-property:background-size;
    transition: .2s ease-in-out;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i>span{
    position: absolute;
    width: 100px;
    height: 25px;
    line-height: 26px;
    font-style: normal;
    top: -33px;
    left: -30px;
    background: rgba(247,247,247,0.72);
    color: rgb(255,255,255);
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    display: none;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i.qzoneIcon>span{
    width: 120px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i:hover{
    background-size: 27px 27px;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i:hover span{
    display: block;
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i.weiboIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/weibo.png');
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i.weixinIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/weChat.png');
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i.qqIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/qq.png');
}
.articleEssenceDetailPage .articleEssenceBanner .recommendSeedReply .content .shareArea>i.qzoneIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/qzone.png');
}



.articleEssenceDetailPage .articleEssenceMiddle{
    width: 1580px;
    height: 19px;
    font-size:14px;
    color:#bcbcbc;
    text-align: center;
    margin: 32px auto 36px;
}
.articleEssenceDetailPage .articleEssenceMiddle>div{
    display: inline-block;
    vertical-align: middle;
}
.articleEssenceDetailPage .articleEssenceMiddle .firstLine{
    background:#dcdcdc;
    width:695px;
    height:1px;
}
.articleEssenceDetailPage .articleEssenceMiddle .secondLine{
    background:#dcdcdc;
    width:577px;
    height:1px;
    margin-right: 13px;
}
.articleEssenceDetailPage .articleEssenceMiddle .updateTime{
    margin-right: 16px;
    margin-left: 16px;
}
.articleEssenceDetailPage .articleEssenceMiddle  .orderBy{
    width: 85px;
    height: 100%;
    font-size:14px;
    color:#3b68b8;
    vertical-align: bottom;
    cursor: pointer;
}
.articleEssenceDetailPage .articleEssenceMiddle  .orderBy img{
    width: 12px;
    height: 12px;
    display: inline-block;
}
.articleEssenceDetailPage .articleEssenceFeeds{
    width: 1580px;
    margin: 0 auto;
    clear: both;
    position: relative;
}
.articleEssenceDetailPage .articleEssenceFeedsList{
    width: 100%;
    height: 100%;
    clear: both;
}
.articleEssenceDetailPage .articleEssenceFeedsList>li{
    width:380px;
    margin-right: 20px;
    float: left;
    border-radius: 4px;
    margin-bottom: 20px;
}
.articleEssenceDetailPage .articleEssenceFeedsList>li:hover .essenceCover .feedIcon{
    border-radius: 4px 4px 0px 0px;
    transform: scale(1.05);
    -webkit-transition: all 0.3s ease-in-out ;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out ;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.articleEssenceDetailPage .articleEssenceFeedsList>li:hover .content .feedTitle .title{
    color: #3b68b8;
}
.articleEssenceDetailPage .articleEssenceFeedsList>li:nth-child(3n){
    margin-right: 20px;
}
.articleEssenceDetailPage .articleEssenceFeedsList>li:nth-child(4n){
    margin-right: 0px;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover{
    width: 380px;
    height: 206px;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px 4px 0px 0px;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .feedIcon{
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 4px 4px 0px 0px;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .authorIcon{
    position: absolute;
    left: 5px;
    bottom: 3px;
    width: 17px;
    height: 17px;
    display: inline-block;
    z-index: 2;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .header,.articleEssenceDetailPage .articleEssenceItem .essenceCover .footer{
    position: absolute;
    right: 10px;
    top: 10px;
    height: 24px;
    z-index: 1;
    color: #FFFFFF;
    line-height: 24px;
    clear: both;
    border-radius: 3px;
    padding-right: 10px;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .header::before,.articleEssenceDetailPage .articleEssenceItem .essenceCover .footer::before{
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    opacity: 0.3;
    border-radius: 3px;
    background:#000000;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .header .see{
    /*margin-right: 16px;*/
    float: right;
    margin-left: 10px;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .header .reply{
    float: right;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .header .see .seeIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/see.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .header .reply .replyIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/commentIcon_white.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .footer{
    top:inherit;
    bottom: 0px;
    right: 0px;
    width: 100%;
    vertical-align: middle;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .footer .authorName{
    float: left;
    font-size:14px;
    color:#ffffff;
    margin-left: 25px;
}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .footer .updateTime{
    float: right;

}
.articleEssenceDetailPage .articleEssenceItem .essenceCover .footer .updateTime .timeIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/time.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 1px;
}
.articleEssenceDetailPage .articleEssenceItem .content{
    width: 100%;
    padding: 15px;
    padding-bottom: 11px;
    background: #f7f7f7;
    border-radius: 0px 0px 4px 4px;
}
.articleEssenceDetailPage .articleEssenceItem .content .feedTitle{
    width: 100%;
    display: block;
    position: relative;
}
.articleEssenceDetailPage .articleEssenceItem .content .feedTitle .title{
    width: 334px;
    font-size:20px;
    color:#444444;
    line-height:30px;
    text-align:left;
    display: inline-block;
    margin-left: 15px;
    height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-weight: bold;
}
.articleEssenceDetailPage .articleEssenceItem .content .feedTitle::after{
    content: '';
    position: absolute;
    left: 0;
    top:4px;
    width:4px;
    height:20px;
    border-left: 4px solid #3b68b8;
}
.articleEssenceDetailPage .articleEssenceItem .content .feedDescription{
    margin-top: 7px;
    font-size:14px;
    color:#646464;
    line-height:21px;
    text-align:justify;
    height: 42px;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.articleEssenceDetailPage .articleEssenceFeedsList .checkMoreInfo,.articleEssenceDetailPage .articleEssenceFeedsList .loadingTip{
    padding: 16px;
    width: 100%;
}
.articleEssenceDetailPage .articleEssenceFeedsList .loadingTip{
    padding-top: 0px;
}
.articleEssenceDetailPage .articleEssenceFeedsList .checkMoreInfo .seeMore {
    width: 174px;
    height: 33px;
    margin: 0 auto;
    text-align: center;
    background-color: rgb(247,247,247);
    font-size: 15px;
    line-height: 34px;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleEssenceDetailPage .articleEssenceFeedsList .checkMoreInfo .seeMore:hover{
    background-color: rgb(59,104,184);
    color: white;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
@media screen and (max-width: 1919px){
    .articleEssenceDetailPage .articleEssenceMiddle{
        width: 1180px;
    }
    .articleEssenceDetailPage .articleEssenceMiddle .firstLine{
        width:493px;
    }
    .articleEssenceDetailPage .articleEssenceMiddle .secondLine{
        width:383px;
    }
    .articleEssenceDetailPage .articleEssenceFeeds{
        width: 1180px;
    }
    .articleEssenceDetailPage .articleEssenceFeedsList{
        width: 100%;
    }
    .articleEssenceDetailPage .articleEssenceFeedsList>li:nth-child(4n){
        margin-right: 20px;
    }
    .articleEssenceDetailPage .articleEssenceFeedsList>li:nth-child(3n){
        margin-right: 0px;
    }
}

/*视频文章*/
#articleVideoDetailPageFrame {
    width: 1280px;
    margin: 0 auto;
    padding: 42px 51px 30px 81px;
    overflow: hidden;
    background-color: white;
    position: relative;
    clear: both;
}

#articleDetailPage .articleVideoBanner{
    background-color: #f7f7f7;
    position: relative;
    z-index: 1;
    clear: both;
}
#articleDetailPage .articleVideoBanner .videoBanner{
    width: 1280px;
    height:568px;
    margin: 0 auto;
    padding: 15px 59px 15px 43px;
}
#articleDetailPage .articleVideoBanner .videoBanner .titleArea{
    font-size:22px;
    color:#444444;
    line-height:36px;
    height: 36px;
    text-align:left;
    margin-bottom: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: bold;
}
#articleDetailPage .articleVideoBanner .videoBanner .left{
    float: left;
    width: 798px;
    position: relative;
    left: 0px;
    top: 0px;
    margin-right: 52px;
}
#articleDetailPage .articleVideoBanner .videoBanner .left::after{
    content: '';
    position: absolute;
    right: -26px;
    top:0px;
    border:1px solid #e7eef4;
    height:489px;
    background-color: #e7eef4;

}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoMedia{
    border-radius:4px;
    width:100%;
    height:452px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/default_loading_icon.png") ;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoMedia .article-mediaFrame{
    margin: 0px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter{
    width: 100%;
    height:26px;;
    line-height: 26px;
    font-size:14px;
    color:#8f8f8f;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoLeft{
    float: left;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoLeft .item{
    display: inline-block;
    margin-right: 10px;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoLeft .item i{
    width: 16px;
    height:16px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
    margin-top: 3px;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoLeft .item i.seeIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/feedPageView.png);
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoLeft .item i.replyIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/commentReplyIcon.png);
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoLeft .item i.updateIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/timeIcon.png');
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight{
    float: right;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea{
    display: inline-block;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea i{
    width: 20px;
    height: 20px;
    line-height: 20px;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
    margin-right: 14px;
    background-repeat: no-repeat;
    background-size: 19px 18px;
    position: relative;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea i.qqIcon{
    background-size: 19px 19px;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea i.weixinIcon{
    background-size: 19px 17px;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea i:last-child{
    margin-right: 0px;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea>span{
    margin-right: 8px;
    display: inline-block;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea>span.shareText{
    height: 20px;
    line-height: 20px;
    vertical-align: text-top;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea i:hover{
    background-size: 20px 20px;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea>i:hover span{
    display: block;
    background-color: rgb(74,74,74);
    color: rgb(255,255,255);
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea i>span{
    position: absolute;
    width: 100px;
    height: 18px;
    line-height: 18px;
    font-style: normal;
    top: -20px;
    left: -55px;
    background: rgba(247,247,247,0.72);
    color: rgb(255,255,255);
    border-radius: 3px;
    font-size: 14px;
    text-align: center;
    display: none;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea>i.weiboIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/weibo_logo_grey.png');
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea>i.weixinIcon{
    background-image:url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/weixin_logo_grey.png');
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea>i.qqIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/qq_logo_grey.png');
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .shareArea>i.qzoneIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/qzone_logo_grey.png');
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .collectVideo,#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .hasCollected{
    border:1px solid #f5a623;
    color:#f5a623;
    border-radius:3px;
    width:96px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    vertical-align: bottom;
    padding-left: 10px;
    margin-left: 28px;
    cursor: pointer;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .hasCollected{
    border: 1px solid rgba(155,155,155,0.72);
    color:rgba(155,155,155,0.72);
    width: 110px;
    display: none;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .collectVideo i,#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .hasCollected i{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/collect_logo_orange.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin-right: 5px;
}
#articleDetailPage .articleVideoBanner .videoBanner .left .videoFooter .videoRight .hasCollected i{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/201707/collect-img.png');
    width: 14px;
    height: 14px;
    background-position: 0px 2px;
    margin-right: 3px;
}

#articleDetailPage .articleVideoBanner .videoBanner .right{
    width: 323px;
    height: 489px;
    float: left;
    font-size:16px;
    position: relative;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .videoContent{
    position: absolute;
    top: 0px;
    left: 0px;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .author,#articleDetailPage .articleVideoBanner .videoBanner .right .translator{
    color:#8f8f8f;
    line-height:16px;
    height: 16px;
    width: 323px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 25px;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .description{
    color:#a4a4a4;
    width: 323px;
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 25px;
    padding-left: 8px;

}
#articleDetailPage .articleVideoBanner .videoBanner .right .content{
    line-height: 1.8;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .description::after{
    content: '';
    position: absolute;
    left: 0px;
    top:0px;
    background:#a4a4a4;
    width:5px;
    height:100%;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .description>div{
    line-height:1.6;
    width: 100%;
    word-wrap: break-word;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .content>p{
    color:#444444;
    line-height:25px;
    font-size:16px;
    text-align:justify;
    overflow:hidden;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateHead .packUp{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e7eef4;
    margin-bottom: 30px;
    cursor: pointer;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateFooter .open{
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e7eef4;
    position: absolute;
    bottom: 0px;
    left:0px;
    cursor: pointer;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateHead  span,#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateFooter span{
    font-size:12px;
    color:#3b68b8;
    line-height:12px;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateHead i,#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateFooter i{
    height: 12px;
    width: 12px;
    line-height:12px;
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/pack_down.png');
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    vertical-align: middle;
    margin: 5px 5px 0px 5px ;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateFooter i{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/pack_up.png');
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox  .relateTip{
    font-size:16px;
    color:#040404;
    line-height:16px;
    text-align: left;
    font-weight: bold;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem{
    margin: 15px 0px;
    height:62px;
    /*float: left;
    position: relative;*/
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem:hover .relateIcon img{
    transform: scale(1.05);
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem:hover .relateTitle .feedTitle{
    color: #3b68b8;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem:last-child{
    margin-bottom: 0px;
}
/*#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem::after{
    content: '';
    position: absolute;
    left: 0;
    bottom:-15px;
    border:1px solid #e6eef4;
    background-color: #e6eef4;
    width:321px;
}*/
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem:last-child::after{
    height: 0px;
    border: none;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateIcon{
    float: left;
    border-radius:4px;
    width:110px;
    height:62px;
    overflow: hidden;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateIcon img{
    width:100%;
    height:100%;
    border-radius:4px;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateTitle{
    float: right;
    width: 213px;
    height: 100%;
    padding-left: 15px;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateTitle .feedTitle{
    font-size:14px;
    color:#646464;
    line-height:18px;
    height: 36px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    font-weight: bold;
    margin-bottom: 8px;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateTitle .feedFooter .item{
    display:inline-block;
    margin-right: 10px;
    color:#8f8f8f;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateTitle .feedFooter .item:last-child{
    margin-right: 0px;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateTitle .feedFooter .item i{
    width: 12px;
    height:12px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position: 0 -1px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 4px;
    margin-top: 3px;
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateTitle .feedFooter .item i.seeIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/feedPageView.png);
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateTitle .feedFooter .item i.replyIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/commentReplyIcon.png);
}
#articleDetailPage .articleVideoBanner .videoBanner .right .relateBox .relateContent .relateItem .relateTitle .feedFooter .item span{
    max-width: 74px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space:nowrap;
    font-size:12px;
    color:#bcbcbc;
    line-height:16px;
}
#articleVideoDetailPageFrame .articleFeedDetailPageContent {
    width: 730px;
    float: left;
    margin-right: 91px;
    padding-bottom: 30px;
}
#articleDetailPage .articleFeedDetailPageFrame .web-toolBar{
    right: 55px;
}
@media screen and (min-width:1380px ) {
    #articleDetailPage .articleVideoBanner .videoBanner{
        width: 1380px;
        height:616px;
        padding: 15px 53px 15px 54px;
    }
    #articleDetailPage .articleVideoBanner .videoBanner .left{
        width: 881px;
        margin-right: 66px;
    }
    #articleDetailPage .articleVideoBanner .videoBanner .left::after{
        right: -33px;
        height: 529px;
    }
    #articleDetailPage .articleVideoBanner .videoBanner .left .videoMedia{
        height: 499px;
    }
    #articleDetailPage .articleVideoBanner .videoBanner .right{
        height: 531px;
    }
    #articleDetailPage .articleFeedDetailPageFrame{
        width: 1380px;
        padding: 62px 50px 30px 79px;
    }
    #articleDetailPage .articleFeedDetailPageFrame .articleFeedDetailPageContent {
        width: 829px;
        margin-right: 99px;
    }
    #articleDetailPage .articleFeedDetailPageFrame .web-toolBar{
        right: 50px;
    }
}


/*相关资源样式*/
/*.articleFeedAdv-Box .articleFeedRelate-Box {
    width: 100%;
    margin-top: 25px;
    padding: 14px;
    border-top:2px solid #3b67b8;
    background:#f7f7f7;
    border-radius:0px 0px 4px 4px;
    padding-bottom: 0px;
}*/
#articleDetailPage .articleFeedAdv-Box .articleFeedRelate-Box{
    margin-top: 0px;
}
.articleFeedDetailPageFrame .articleFeedAdv-Box>div{
    margin-bottom: 25px;
}
.articleFeedRelate-Box .articleFeedRelate-tip {
    font-size: 16px;
    color: #040404;
    margin-bottom: 8px;
    font-weight: bolder;
}
#articleDetailPage .articleFeedRelate-Box .articleFeedRelate-tip{
    color:#3b67b8;
}
.articleFeedRelate-Box .articleFeedRelate-content {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.articleFeedRelate-content .relate-feed-item {
    width: 100%;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
}
.articleFeedRelate-content .relate-feed-item .relate-feed-item-icon {
    width: 295px;
    height: 162px;
    overflow: hidden;
    border-radius: 4px;
}

#articleDetailPage .articleFeedRelate-content .relate-feed-item .relate-feed-item-icon{
    height:147px;
}
.articleFeedRelate-content .relate-feed-item .relate-feed-item-icon>img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.articleFeedRelate-content .relate-feed-item:hover .relate-feed-item-icon>img{
    transform: scale(1.05);
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
}
.articleFeedRelate-content .relate-feed-item:hover .relate-feed-item-title{
    color: #3b68b8;
}
.articleFeedRelate-content .relate-feed-item .relate-feed-item-title {
    width: 100%;
    overflow: hidden;
    padding: 8px 10px;
    border-radius: 4px;
    font-size:14px;
    color:#646464;
    line-height:21px;
    position: relative;
    margin-bottom: 5px;
    font-weight: bold;
    display: block;
}
.articleFeedRelate-content .relate-feed-item .relate-feed-item-title::after{
    content: '';
    position: absolute;
    left: 0;
    top:11px;
    width:4px;
    height:14px;
    border-left: 4px solid #3b68b8;
}
.articleFeedDetailPageFrame .articleFeedCommentArticle-Box {
    margin-bottom: 40px;
}
.articleFeedDetailPageFrame .articleFeedCommentArticle-Box>div{
    width: 200px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #3b68b8;
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.15);
    border-radius: 5px;
    color: white;
    background-color: rgb(59,104,184);
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    transition: all 0.3s ease-in-out;
    margin: 0 auto;
}

/*往期回顾*/
.articleFeedAdv-Box .articleEssenceReview-Box{
    width: 100%;
    margin-top: 25px;
    border-top:2px solid #3b67b8;
    background:#f7f7f7;
    border-radius:0px 0px 4px 4px;
}
#articleVideoDetailPageFrame .articleFeedAdv-Box .articleEssenceReview-Box{
    margin-top: 0px;
}
.articleEssenceReview-Box .articleEssenceReview-Banner{
    width: 100%;
    height: 100px;
}
.articleEssenceReview-Banner .bannerIcon,.articleEssenceReview-Banner .bannerIcon>img{
    width: 100%;
    height: 100%;
}
.articleEssenceReview-Banner .bannerIcon{
    overflow: hidden;
    position: relative;
    display: block;
}
.articleEssenceReview-Banner .bannerIcon img{
    transform: scale(1);
    transition: all 0.3s ease-in-out;
}
.articleEssenceReview-Banner .bannerIcon:hover img{
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
}
.articleEssenceReview-Banner .bannerIcon .titleContent{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 75px;
    padding: 20px 0px 16px 16px;
    text-align: left;
    color: #FFFFFF;
    z-index: 1;
}
.articleEssenceReview-Banner .bannerIcon .titleContent .title{
    font-size:16px;
    text-shadow:0 2px 2px rgba(0,0,0,0.50);
    font-weight: bold;
    margin-bottom: 11px;
    height: 18px;
    line-height: 18px;
    margin-right: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.articleEssenceReview-Banner .bannerIcon .titleContent::before{
    content: "";
    position: absolute;
    background: #000000;
    z-index:-1;
    width: 323px;
    height: 100px;
    opacity: 0.4;
    top:0px;
    left:0px;
}
.articleEssenceReview-Banner .bannerIcon .titleContent .link{
    font-size:14px;
    line-height:16px;
}
.articleEssenceReview-Banner .bannerIcon .titleContent .link>span {
    font-family: SimSun;
    font-size: 14px;
    font-weight: bolder;
    margin-left: 4px;
}
.articleEssenceReview-Box .articleEssenceReview-tip{
    font-size:16px;
    color:#444444;
    text-align:left;
    font-weight: bold;
    width: 293px;
    margin: 0px 12px;
    padding: 12px 0px 9px 0px ;
    border-bottom: 1px solid #dee8f1;
}
.articleEssenceReview-Box .articleEssenceFeeds{
    width: 293px;
    margin: 0px 12px;
    padding: 13px 0px 13px 0px;
}
.articleEssenceReview-Box .articleEssenceFeeds>li{
    padding-left: 9px;
    /* border-left:2px solid #e1e1e1;*/
    position: relative;
    margin-bottom: 20px;
}
.articleEssenceReview-Box .articleEssenceFeeds>li:hover .feedContent .feedItem-title .title{
    color: #3b68b8;
}
.articleEssenceReview-Box .articleEssenceFeeds>li::after{
    content: '';
    position: absolute;
    left: 0;
    top:-5px;
    background: #e1e1e1;
    width:1px;
    height: 120px;
}
.articleEssenceReview-Box .articleEssenceFeeds>li::before{
    content: '';
    position: absolute;
    left: -1px;
    top:4px;
    background:#3b68b8;
    width:3px;
    height:15px;
    z-index: 1;
}
.articleEssenceReview-Box .articleEssenceFeeds>li:hover::before {
    width: 4px;
}
.articleEssenceReview-Box .articleEssenceFeeds>li:last-child{
    margin-bottom: 0px;
}
.articleEssenceReview-Box .articleEssenceFeeds>li:first-child::after{
    top: 5px;
}
.articleEssenceReview-Box .articleEssenceFeeds>li:last-child::after{
    height: 0px;
}
.articleEssenceReview-Box .articleEssenceFeeds>li .feedContent{
    position: relative;
    display: block;
}
.articleEssenceReview-Box .articleEssenceFeeds>li .feedContent .feedItem-title{
    /*width: 266px;*/
    margin-bottom:1px ;
    /* padding-right: 19px;*/
}
.articleEssenceReview-Box .articleEssenceFeeds>li .feedContent .feedItem-title .title{
    font-size:14px;
    color:#646464;
    line-height:1.4;
    text-align:left;
    overflow: hidden;
    text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    height: 46px;
    font-weight: bold;
}
.articleEssenceReview-Box .articleEssenceFeeds>li .feedContent .feedItem-footer{
    width: 100%;
    font-size:14px;
    color:#bcbcbc;
    line-height:15px;
    height: 15px;
    clear: both;
}
.articleEssenceReview-Box .articleEssenceFeeds>li .feedContent .feedItem-footer>div{
    float: left;
}
.articleEssenceReview-Box .articleEssenceFeeds>li .feedContent .feedItem-footer .reply{
    float: right;
}
.articleEssenceReview-Box .articleEssenceFeeds>li .feedContent .feedItem-footer .reply .replyIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/commentReplyIcon.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
}
.articleEssenceReview-Box .articleEssenceFeeds>li .feedContent .feedItem-footer .author .authorIcon{
    width: 16px;
    height:16px;
    display:inline-block;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/authorManIcon.png);
    background-repeat:no-repeat;
    background-position: 0 -2px;
    background-size: contain;
    vertical-align:middle;
    margin-right: 3px;
}
.articleEssenceReview-Box .pageBox{
    width: 293px;
    height:42px;
    margin: 0px 12px;
    clear: both;
    display: none;
}
.articleEssenceReview-Box .pageBox ul{
    width: 100%;
    height: 100%;
}
.articleEssenceReview-Box .pageBox ul li{
    background:#f7f7f7;
    border:1px solid #3b68b8;
    border-radius:4px;
    width:141px;
    height:29px;
    font-size:14px;
    color:#3b68b8;
    line-height:29px;
    float: left;
    text-align: center;
    transition: all .2s ease-in-out;
}
.articleEssenceReview-Box .pageBox ul  li:first-child{
    margin-right: 11px;
}
.articleEssenceReview-Box .pageBox ul li.active{
    border:1px solid #3b68b8;
}
.articleEssenceReview-Box .pageBox ul li:hover{
    background-color: rgb(59,104,184);
    transition-delay: 0.1s;
    color: white;
}
.articleEssenceReview-Box .pageBox ul li.disable,.articleEssenceReview-Box .pageBox ul li.disable:hover{
    background:#f7f7f7;
    border:1px solid #bcbcbc;
    color:#bcbcbc;
    cursor: default;
}
.articleEssenceReview-Box .pageBox ul li.disable a{
    cursor: default;
}
/*回复样式*/
.articleFeedDetailPageFrame .articleFeedReply-Box {
    min-height: 196px;
    background-color: rgb(247,247,247);
    padding: 0 15px;
    border-top: 2px solid rgb(59,104,184);
    margin-bottom: 30px;
}
.articleFeedDetailPageFrame .articleFeedReply-footer {
    padding: 10px 0 15px 0;
    position: relative;
    overflow: hidden;
}
.articleFeedReply-footer .send-faceImg{
    width: 25px;
    height: 25px;
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static%2Fimages%2Fwebimg%2Freply%2Fface_reply.png');
    background-size: contain;
    margin-right: 15px;
    cursor: pointer;
    display: inline-block;
}
.articleFeedDetailPageFrame .articleFeedReply-content textarea {
    width: 100%;
    height: 85px;
    margin-top: 15px;
    border: 1px solid rgb(203,203,203);
    padding: 10px;
    background-color: white;
}
.articleFeedDetailPageFrame .articleFeedReply-footer>img {
    width: 25px;
    height: 25px;
    margin-right: 15px;
    cursor: pointer;
}
.articleFeedDetailPageFrame .articleFeedReply-footer>button {
    float: right;
    border: none;
    background-color: rgb(59,104,184);
    color: white;
    border-radius: 3px;
    width: 125px;
    height: 30px;
    font-size: 14px;
    cursor: pointer;
}
.articleFeedDetailPageFrame .reply_img input{
    position: absolute;
    font-size: 100px;
    right: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.articleFeedDetailPageFrame .commentBox-imageContent{
    overflow: hidden;
    border-top: 1px dashed rgb(74,74,74);
}
.articleFeedDetailPageFrame .commentBox-imageContent>li{
    float: left;
    width: 120px;
    height: 120px;
    text-align: center;
    position: relative;
    cursor: default;
    margin: 5px 3px;
}
.articleFeedDetailPageFrame .commentBox-imageBox>span,.articleFeedDetailPageFrame .comment-imageBox>span,.articleFeedDetailPageFrame .commentHot-imageBox>span{
    margin-left: 5px;
}
.articleFeedDetailPageFrame .commentBox-imageContent>li>img{
    width: 100%;
    height: 100%;
}
.articleFeedDetailPageFrame .face_bag {
    position: absolute;
    top: 30px;
    left: -1px;
    width: 530px;
    overflow: hidden;
    background-color: white;
    border: 1px solid rgb(210,210,210);
    z-index: 10;
    display: none;
}
.articleFeedReply-footer .send-faceImg:hover .face_bag {
    display: block;
    animation-delay: 3s;
    animation-duration: 20s;
}
.articleFeedDetailPageFrame .reply_img_close{
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static%2Fimages%2Fwebimg%2Freply%2Fclose.png');
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
}

/*评论列表样式*/
.articleFeedDetailPageFrame .articleFeedComment-hotBox, .articleFeedDetailPageFrame .articleFeedComment-lastestBox {
    min-height: 75px;
    width: 100%;
    border-top: 2px solid rgb(59,104,184);
    padding-top: 5px;
}
.articleFeedDetailPageFrame .articleFeedComment-lastestBox .articleCommentList li.toCheckMoreComment {
    padding: 15px 0;
}
.articleFeedDetailPageFrame .articleFeedComment-lastestBox .articleCommentList li.toCheckMoreComment>div {
    width: 174px;
    height: 33px;
    margin: 0 auto;
    text-align: center;
    background-color: rgb(247,247,247);
    font-size: 15px;
    line-height: 34px;
    border-radius: 3px;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame .articleFeedComment-lastestBox .articleCommentList li.toCheckMoreComment>div:hover{
    background-color: rgb(59,104,184);
    color: white;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame .articleCommentList .comment-replyListArea {
    /*background-color: rgb(250,250,250);*/
    /*padding: 12px 19px 0 15px;*/
    padding: 0;
    margin-bottom: 20px;
}
.articleFeedDetailPageFrame .articleCommentList .comment-replyListArea .comment-replyList-Head {
    color: rgb(68,68,68);
    font-family: SimHei;
    font-size: 16px;
    border-top: 1px solid rgb(231,231,231);
    position: relative;
    margin-bottom: 7px;
    margin-top: 15px;
    padding-top: 5px;
}
.articleCommentList .comment-replyListArea .comment-replyList-Head:not(:first-child) {
    margin-top: 10px;
}
.articleFeedCommentList li.comment-item {
    padding: 15px 0;
    cursor: default;
}
.articleFeedCommentList li.comment-item.hasReply {
    padding: 15px 0 0 0;
}
li.comment-item+li.comment-item {
    border-top: 1px solid rgb(231,231,231);
}
li.comment-item.replyCommentLayer+li.comment-item.replyCommentLayer {
    border-top: none;
}
.articleFeedDetailPageFrame li.comment-item .comment-userHeadImg {
    float: left;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border-radius: 50%;
    cursor: pointer;
}
.articleFeedDetailPageFrame li.comment-item .comment-userHeadImg>img {
    width: 100%;
    height: 100%;
}
.articleFeedDetailPageFrame li.comment-item .comment-item-mainContent {
    padding-left: 45px;
    padding-top: 10px;
}
.articleFeedDetailPageFrame li.comment-item .comment-item-userName {
    font-size: 15px;
    color: rgb(59,104,184);
    height: 14px;
    line-height: 14px;
    margin-bottom: 12px;
    cursor: pointer;
    /*font-weight: bold;*/
}
.articleFeedDetailPageFrame li.comment-item .comment-item-userLevel {
    font-size: 12px;
    color: rgb(74,74,74);
    margin-left: 5px;
    margin-right: 5px;
}
.articleFeedDetailPageFrame li.comment-item .comment-item-userComment {
    padding: 0px 0 10px 0;
    line-height: 1.5;
    cursor: default;
    text-align: justify;
    word-break: break-all;
    font-size: 15px;
}
.articleFeedDetailPageFrame li.comment-item ul.comment-item-commentImg {
    overflow: hidden;
    margin-bottom: 15px;
    cursor: default;
}
.articleFeedDetailPageFrame li.comment-item ul.comment-item-commentImg>li {
    width: 90px;
    height: 90px;
    float: left;
    margin-right: 12px;
}
.articleFeedDetailPageFrame li.comment-item ul.comment-item-commentImg>li>img {
    width: 100%;
    height: 100%;
}
.articleFeedDetailPageFrame li.comment-item .comment-item-footer {
    font-size: 12px;
}
.articleFeedDetailPageFrame li.comment-item span.comment-item-commentTime {
    color: rgb(155,155,155);
    margin-right: 4px;
}
.articleFeedDetailPageFrame li.comment-item span.comment-item-platform {
    color: rgb(155,155,155);
    margin-right: 10px;
}
.articleFeedDetailPageFrame li.comment-item span.comment-item-toReport {
    color: rgb(155,155,155);
    cursor: pointer;
    display: none;
    float: right;
}
.articleFeedDetailPageFrame li.comment-item .comment-item-footer:hover span.comment-item-toReport {
    display: inline-block;
}
.articleFeedDetailPageFrame li.comment-item span.comment-item-toReport:hover {
    text-decoration: underline;
    color: rgb(59,104,184);
}
.articleFeedDetailPageFrame li.comment-item .comment-item-footer-right {
    display: inline-block;
}
.articleFeedDetailPageFrame li.comment-item .comment-item-footer-right>span {
    cursor: pointer;
    color: rgb(155,155,155);
}
.articleFeedDetailPageFrame li.comment-item .comment-item-footer-right>span.haslike, li.comment-item .comment-item-footer-right>span.hashate {
    color: #EF636F;
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame li.comment-item .comment-item-footer-right>span:hover {
    color: rgb(59,104,184);
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame li.comment-item .comment-item-footer-right>span.haslike:hover, li.comment-item .comment-item-footer-right>span.hashate:hover {
    color: #EF636F;
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame ul.comment-item-replyList li.comment-item.replyCommentLayer {
    padding: 8px 0;
}
.articleFeedDetailPageFrame ul.comment-item-replyList .replyComment-Box.replyCommentLayer {
    padding: 10px 23px;
}
.articleFeedDetailPageFrame ul.comment-item-replyList li.checkMoreReplyComment {
    text-align: center;
    font-size: 12px;
    color: #000;
    /*background-color: rgb(247,247,247);*/
    margin: 0 auto;
    margin-top: 10px;
    /*width: 100px;*/
    height: 33px;
    line-height: 34px;
    border-radius: 3px;
    transition-property: background-color;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame ul.comment-item-replyList li.checkMoreReplyComment:hover {
    /*background-color: rgb(59,104,184);
    color: white;
    transition-property: background-color;
    transition: .2s ease-in-out;*/
}
.articleFeedDetailPageFrame ul.comment-item-replyList li.checkMoreReplyComment svg>line{
    transition-property: stroke;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame ul.comment-item-replyList li.checkMoreReplyComment:hover svg>line {
    /*stroke: white !important;*/
    transition-property: stroke;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame ul.articleCommentList li.loadingTip{
    text-align: center;
    color: #8f8f8f;
    font-size: 16px;
    padding: 35px;
    cursor: default;
}
/*举报*/
.reportComment-headBanner {
    overflow: hidden;
    padding-bottom: 10px;
}
.reportComment-headBanner .reportComment-item {
    float: left;
}
.reportComment-headBanner .reportComment-item>label {
    margin-right: 50px;
    white-space: nowrap;
    font-weight: normal;
}
.reportComment-content>textarea {
    margin: 3px 0;
    padding: 5px 2px 0px 6px;
    border: 1px solid rgb(114, 137, 165);
    font-size: 12px;
    word-wrap: break-word;
    line-height: 18px;
    overflow: hidden;
    outline: none;
    height: 110px;
    resize: none;
    width: 100%;
}
/*删除、设置热度、恢复*/
.articleCommentList span.comment-item-toDelete {
    color: red;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;
}
.articleCommentList span.comment-item-toConfigHot {
    color: rgb(59,104,184);
    cursor: pointer;
}
.articleCommentList span.comment-item-toResume{
    margin-right: 10px;
    color: rgb(59,104,184);
}

/*分享*/
.articleFeedShare-Box .articleFeedShare-content {
    margin: 0 auto;
    text-align: center;
    float: right;
    height: 30px;
    line-height: 30px;
}
.articleFeedShare-content>i{
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
}
@-webkit-keyframes fadeIn{
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity:1;
    }
}
@-webkit-keyframes fadeOut{
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity:0;
    }
}
.articleFeedShare-content>i.weibo {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/weibo_logo_grey.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedShare-content>i.weibo:hover {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/weibo_logo_blue.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedShare-content>i.weibo:after {
    content: '分享到微博';
    position: absolute;
    width: 90px;
    height: 25px;
    line-height: 26px;
    font-style: normal;
    top: -33px;
    left: -30px;
    background-color: rgb(74,74,74);
    color: rgb(255,255,255);
    border-radius: 3px;
    font-size: 14px;
    opacity: 0;
    -webkit-animation-name: fadeOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
}
.articleFeedShare-content>i.weibo:hover:after {
    -webkit-animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
    opacity: 1;
}
.articleFeedShare-content>i.weixin {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/weixin_logo_grey.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedShare-content>i.weixin:hover {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/weixin_logo_blue.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedShare-content>i.weixin:after {
    content: '分享到微信';
    position: absolute;
    width: 90px;
    height: 25px;
    line-height: 26px;
    font-style: normal;
    top: -33px;
    left: -30px;
    background-color: rgb(74,74,74);
    color: rgb(255,255,255);
    border-radius: 3px;
    font-size: 14px;
    opacity: 0;
    -webkit-animation-name: fadeOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
}
.articleFeedShare-content>i.weixin:hover:after {
    -webkit-animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
    opacity: 1;
}
.articleFeedShare-content>i.qq {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/qq_logo_grey.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedShare-content>i.qq:hover {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/qq_logo_blue.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedShare-content>i.qq:after{
    content: '分享到qq';
    position: absolute;
    width: 90px;
    height: 25px;
    line-height: 26px;
    font-style: normal;
    top: -33px;
    left: -30px;
    background-color: rgb(74,74,74);
    color: rgb(255,255,255);
    border-radius: 3px;
    font-size: 14px;
    opacity: 0;
    -webkit-animation-name: fadeOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
}
.articleFeedShare-content>i.qq:hover:after{
    -webkit-animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
    opacity: 1;
}
.articleFeedShare-content>i.qzone {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/qzone_logo_grey.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedShare-content>i.qzone:hover {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/qzone_logo_blue.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedShare-content>i.qzone:after{
    content: '分享到空间';
    position: absolute;
    width: 90px;
    height: 25px;
    line-height: 26px;
    font-style: normal;
    top: -33px;
    left: -30px;
    background-color: rgb(74,74,74);
    color: rgb(255,255,255);
    border-radius: 3px;
    font-size: 14px;
    -webkit-animation-name: fadeOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
    opacity: 0;
}
.articleFeedShare-content>i.qzone:hover:after{
    -webkit-animation-name: fadeIn;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-duration: .2s;
    opacity: 1;
}


.articleFeedShare-content>img {
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-right: 20px;
    vertical-align: middle;
}
.articleFeedShare-content>img:hover {
    opacity: 0.6;
}
/*收起展开、赞踩样式*/
span.rightSpan i.packCommentImg {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/pack_up.png');
    background-repeat: no-repeat;
    display: inline-block;
    background-size: contain;
    width: 12px;
    height: 10px;
    vertical-align: middle;
    margin: 0 5px;
}
span.rightSpan.fold i.packCommentImg{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/pack_down.png');
}
.articleFeedDetailPageFrame i.like_img, .articleFeedDetailPageFrame i.hate_img, .articleFeedDetailPageFrame i.reply_img{
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 12px;
    /*vertical-align: text-bottom;*/
    margin-right: 3px;
    margin-left: 10px;
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame i.like_img {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/like_logo_grey_new.png');
    vertical-align: text-top;
    width: 14px;
}
.articleFeedDetailPageFrame .comment-item-toPraise:hover i.like_img {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/like_logo_blue_new.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame i.like_img.haslike {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/like_logo_red_new.png');
}
.articleFeedDetailPageFrame .comment-item-toPraise:hover i.like_img.haslike {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/like_logo_red_new.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame i.hate_img {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/hate_logo_grey_new.png');
    vertical-align: text-bottom;
    width: 14px;
}
.articleFeedDetailPageFrame .comment-item-toStep:hover i.hate_img {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/hate_logo_blue_new.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame i.hate_img.hashate {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/hate_logo_red_new.png');
}
.articleFeedDetailPageFrame .comment-item-toStep:hover  i.hate_img.hashate {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/hate_logo_red_new.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame i.reply_img {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/reply_logo_grey_new.png');
    vertical-align: text-bottom;
    width: 12px;
}
.articleFeedDetailPageFrame .comment-item-toReply:hover i.reply_img {
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/reply_logo_blue_new.png');
    transition-property: background-image;
    transition: .2s ease-in-out;
}
.articleFeedDetailPageFrame img.badgeImg {
    width: 15px;
    display: inline-block;
    padding: 0 2px;
}


/*专题详情页*/

.articleSubjectContent-Box .articleDescriptionArea {
    margin-top: 40px;
    margin-bottom: 15px;
}
.articleSubjectContent-Box .articleInnerList {
    margin-top: 15px;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle{
    width: 100%;
    padding: 15px 0px;
    border-bottom: 1px solid #f0f0f0;
    cursor: default;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-title{
    width: 100%;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    margin-bottom: 18px;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-feedTitle{
    font-size:20px;
    color:#4a4a4a;
    text-align: left;
    cursor: pointer;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle:hover .articleFeedItem-feedTitle{
    color: rgb(59,104,184);
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-seedTitle{
    width: 80px;
    height: 100%;
    text-align: center;
    background-color: #3b68b8;
    color: white;
    font-size: 15px;
    display: inline-block;
    margin-right: 5px;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-icon{
    float: left;
    width:180px;
    height: 103px;
    overflow: hidden;
    cursor: pointer;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-icon>img{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.2s;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle:hover .articleFeedItem-icon>img{
    transform: scale(1.05);
    -webkit-transition: -webkit-transform 0.2s ease-in-out;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-detailInfoRight{
    width: 532px;
    height: 103px;
    margin-left: 200px;
    position: relative;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-description{
    font-size: 14px;
    color:#646464;
    line-height: 1.6;
    max-height: 63px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;

    display:-moz-box;
    -moz-text-overflow: ellipsis;
    -moz-box-orient:vertical;
    -moz-line-clamp:3;

}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-footer{
    position: absolute;
    bottom: 0;
    width: 100%;
    font-size:14px;
    color: rgb(188,188,188);
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .articleFeedItem-footerRight{
    float: right;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle .separateCircle {
    display: inline-block;
    margin: 3px 10px;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle  .articleFeedItem-authorIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/authorManIcon.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: inline-block;
    width: 16px;
    height: 17px;
    vertical-align: text-top;
    margin-right: 0px;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle  .articleFeedItem-replyIcon{
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/commentReplyIcon.png);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 1px;
}
.articleSubjectContent-Box ul.articleInnerList>li.articleFeedItem-normalStyle  .articleFeedItem-timeIcon{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/article/timeIcon.png');
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 14px;
    height: 17px;
    vertical-align: middle;
    margin-right: 1px;
}


/*评论回复浮层*/
.articleDetailPage-reply-modal .articleDetailPage-reply-sourceCommentInfo {
    padding: 14px;
    background-color: rgb(247,247,247);
    margin-bottom: 5px;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-sourceCommentInfo .sourceCommentInfo-title {
    margin-bottom: 5px;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-sourceCommentInfo .sourceCommentInfo-title span{
    color: rgb(74,74,74);
    font-weight: bold;
    font-size: 14px;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-sourceCommentInfo .sourceCommentInfo-title span.sourceCommentUserName {
    margin-right: 15px;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-sourceCommentInfo .sourceCommentInfo-title span.sourceCommentTime {
    color: rgb(120,120,120);
    font-weight: normal;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-sourceCommentInfo .sourceCommentInfo-text {
    font-size: 16px;
    color: rgb(143,143,143);
    word-break: break-all;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-header {
    height: 45px;
    line-height: 45px;
    border: 1px solid rgb(203,203,203);
    padding-left: 17px;
    border-bottom: none;
    border-top: 2px solid rgb(59,104,184);
    background-color: rgb(247,247,247);
}
.articleDetailPage-reply-modal .articleDetailPage-reply-header>div {
    display: inline-block;
    font-size: 14px;
    vertical-align: middle;
    margin-right: 10px;
    cursor: pointer;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-header>div span{
    color: rgb(150,150,150);
    transition: color .2s ease-in-out;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-header>div:hover span{
    color: rgb(59,104,184);
}
.articleDetailPage-reply-modal .send-faceImg {
    width: 16px;
    height: 16px;
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/personal/faceLogo_default_style.png');
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
    cursor: pointer;
    display: inline-block;
    vertical-align: text-top;
    transition: background-image .2s ease-in-out;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-header>div:hover .send-faceImg{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/personal/faceLogo_hover_style.png');
}
.articleDetailPage-reply-modal .send-localImg {
    display: inline-block;
    cursor: pointer;
    vertical-align: text-top;
    margin-right: 5px;
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/personal/uploadImgLogo_default_style.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 15px;
    height: 14px;
    transition: background-image .2s ease-in-out;
}
.articleDetailPage-reply-modal .articleDetailPage-reply-header>div:hover .send-localImg{
    background-image: url('http://iplaymtg.oss-cn-beijing.aliyuncs.com/static/images/personal/uploadImgLogo_hover_style.png');
}
.articleDetailPage-reply-modal .face_bag {
    position: absolute;
    width: 660px;
    overflow: hidden;
    background-color: white;
    border: 1px solid rgb(203,203,203);
}
.articleDetailPage-reply-modal .commentBox-imageContent{
    overflow: hidden;
}
.articleDetailPage-reply-modal .commentBox-imageContent>li{
    float: left;
    width: 120px;
    height: 120px;
    text-align: center;
    position: relative;
    cursor: default;
    margin: 5px 3px;
}
.articleDetailPage-reply-modal .commentBox-imageBox>span,.articleDetailPage-reply-modal .comment-imageBox>span,.articleDetailPage-reply-modal .commentHot-imageBox>span{
    margin-left: 5px;
}
.articleDetailPage-reply-modal .commentBox-imageContent>li>img{
    width: 100%;
    height: 100%;
}
.articleDetailPage-reply-modal .reply_img_close {
    position: absolute;
    right: 3px;
    top: 3px;
    cursor: pointer;
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/static%2Fimages%2Fwebimg%2Freply%2Fclose.png);
    display: inline-block;
    background-size: 20px;
    width: 20px;
    height: 20px;
}
.articleDetailPage-reply-content textarea {
    width: 100%;
    height: 266px;
    border: 1px solid rgb(203,203,203);
    padding: 10px 17px 10px 17px;
    font-size: 16px;
    outline: none;
}

/*卡牌识别，点击查看卡牌图片*/
div#utility_showCardImg_article{
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.7);
    text-align: center;
    height: 100%;
}
div#utility_showCardImg_article>img {
    width: 20%;
    border-radius: 10px;
    margin-top: 6%;
}
div#utility_showCardImg_article .cardImgText_article {
    z-index: 1000;
    color: white;
    margin-top: 3px;
}

/*表情相关样式*/
.articleDetailPage-reply-modal .facebag-area {
    overflow: hidden;
    /*border: 1px solid rgb(155,155,155);*/
    width: 100%;
}
.articleDetailPage-reply-modal .facebag-series {
    overflow: hidden;
    padding: 5px 15px;
    border-bottom: 1px solid rgb(213,213,213);
}
.articleDetailPage-reply-modal .facebag-series>ul>li {
    float: left;
    font-size: 14px;
    margin-right: 20px;
    color: rgb(120,120,120);
    cursor: pointer;
    height: 30px;
    line-height: 30px;
}
.articleDetailPage-reply-modal .facebag-series>ul>li.active {
    color: rgb(59,104,184);
}
.articleDetailPage-reply-modal .facebag-series>ul>li.active:after {
    content: '';
    position: absolute;
    border-top: 2px solid rgb(59,104,184);
    width: 100%;
    bottom: -5px;
    left: 0;
}
.articleDetailPage-reply-modal .facebag-images {
    clear: both;
    overflow: auto;
    padding: 10px 15px;
    height: 223px;
}
.articleDetailPage-reply-modal .facebag-images>img {
    float: left;
    display: inline-block;
    width: 91px;
    height: 91px;
    cursor: pointer;
    margin-right: 10px;
    margin-bottom: 16px;
}

/*点击查看大图*/
.replyImgContent {
    z-index: 99990;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.replyImgContent .close_ {
    top: 20px;
    width: 25px;
    height: 25px;
    text-align: center;
    right: 20px;
    color: rgb(204, 204, 204);
    line-height: 23px;
    font-size: 34px;
    position: absolute;
    z-index: 1002;
    cursor: pointer;
}
.replyImgContent .close_:before {
    content: "x";
}
.replyImgContent .prev_page, .replyImgContent .next_page {
    top: 0;
    bottom: 0px;
    width: 80px;
    color: rgb(204, 204, 204);
    font-size: 30px;
    position: absolute;
    z-index: 1001;
    cursor: pointer;
}
.replyImgContent .prev_page {
    left: 0;
}
.replyImgContent .prev_page:before {
    left: 35px;
    top: 50%;
    height: 30px;
    margin-top: -30px;
    position: absolute;
    content: "<";
}
.replyImgContent .next_page {
    right: 0;
}
.replyImgContent .next_page:before {
    right: 35px;
    top: 50%;
    height: 30px;
    margin-top: -30px;
    position: absolute;
    content: ">";
}
.replyImgContent>.ImgContent{
    z-index: 99991;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 0;
    box-shadow: -20px 20px 20px rgba(0, 0, 0, 0.3);
}
.replyImgContent .ImgContent>img {
    max-width: 1600px;
    max-height: 100%;
    vertical-align: middle;
}

/*加载中...样式*/
.articleFeedDetailPageFrame .spinner {
    margin: 20px auto;
    width: 50px;
    height: 32px;
    text-align: center;
    font-size: 10px;
}
.articleFeedDetailPageFrame .spinner > div {
    background-color: rgb(59,104,184);
    height: 100%;
    width: 6px;
    display: inline-block;
    margin-right: 2px;
    margin-left: 2px;
    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
}
.articleFeedDetailPageFrame .spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}
.articleFeedDetailPageFrame .spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}
.articleFeedDetailPageFrame .spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}
.articleFeedDetailPageFrame .spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
    0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
    20% { -webkit-transform: scaleY(1.0) }
}
@keyframes stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }  20% {
           transform: scaleY(1.0);
           -webkit-transform: scaleY(1.0);
       }
}

/*更多卡游首页*/
.article-moregame-page {
    position: relative;
    width: 1280px;
    margin: 0 auto;
    padding-left: 50px;
    padding-right: 67px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.article-moregame-page .article-moregame-list{
    position: relative;
}
.article-moregame-page .article-moregame-list>li {
    margin-bottom: 35px;
}
.article-moregame-page .article-moregame-list>li .game-title {
    height: 25px;
    line-height: 25px;
    margin-bottom: 30px;
    overflow: hidden;
}
.article-moregame-page .article-moregame-list>li .game-icon {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    float: left;
}
.article-moregame-page .article-moregame-list>li .game-name {
    font-size: 20px;
    color: #000000;
    margin-left: 10px;
}
.article-moregame-page .game-feed-list>li {
    width: 376px;
    height: 218px;
    display: inline-block;
    vertical-align: top;
    margin-right: 17px;
    margin-bottom: 20px;
    overflow: hidden;
}
.article-moregame-page .game-feed-list>li:nth-child(3n) {
    margin-right: 0;
}
.article-moregame-page .game-feed-list>li img {
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: .3s all ease-in-out;
}
.article-moregame-page .game-feed-list>li:hover img {
    transform: scale(1.05);
    transition: .3s all ease-in-out;
}
.article-moregame-page .game-feed-list>li .title {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 12px 15px 12px 15px;
    background-color: rgba(0,0,0,0.6);
    font-size: 18px;
    color: white;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.article-moregame-page a.enter-zone {
    position: relative;
    display: block;
    width: 100px;
    height: 40px;
    line-height: 40px;
    padding-left: 14px;
    margin: 0 auto;
    font-size: 14px;
    color: #3B68B8;
    border: 1px solid #3b68B8;
    border-radius: 20px;
}
.article-moregame-page a.enter-zone:after {
    background-image: url(http://iplaymtg.oss-cn-beijing.aliyuncs.com/yingdiWeb/images/article/right_arrow.png);
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    right: 8px;
    top: 12px;
}
/*更多卡游频道下侧边栏*/
.article-moregame-page a.enter-zone:hover {
    background-color: #E6E6E6;
}
.aritcleFeedPageFrame .moregame-side-menu  ul.moregame-menu-list {
    padding-bottom: 10px;
}
.aritcleFeedPageFrame .moregame-side-menu  ul.moregame-menu-list>li {
    font-size: 16px;
    color: #4A4A4A;
    margin-bottom: 5px;
}
.aritcleFeedPageFrame .moregame-side-menu ul.moregame-menu-list>li:hover {
    color: #3b68b8;
}